-
二级菜单及状态
查看全部 -
导航：ul-nav nav-tabs active/disabled
查看全部 -
glyphicon:glyphicon-align-lcr|justify glyphicon-indent-lr glyphicon-font|bold|italic glyphicon-text-height/width
<div class="btn-toolbar">(div class="btn-group btn-group-lg/sm/xs">button type class="btn btn-default">span class="glyphicon glyphicon-align-center..")*
查看全部 -
glyphicon glyphicon-search
glyphicon glyphicon-zoom-in
glyphicon glyphicon-zoom-out
glyphicon glyphicon-download查看全部 -
has feedback \\class="glyphicon glyphicon-renmove/warning-sign/ok form-control-feedback"
查看全部 -
超大型按钮“.btn btn-block”
查看全部 -
code/kbd/pre--<+>
查看全部 -
hx small
查看全部 -
bootstrap中Js插件依赖于jquery，故引入在jquery后
<meta http-equiv="X-UA-Compatible" content="IE=edge">--<-在ie运行最新的渲染模式->
<meta name="viewport" content="width=device-width,initial-scale=1">--<-初始化浏览显示->
<link href="css/bootstrap.min.css" rel="stylesheet">
查看全部 -
bootstrap：灵活搭建web页面的h+c+j的工具集，框架 灵活优雅可扩展
查看全部 -
数据行(.row)必须包含在容器（.container）中
查看全部 -
“动画过渡（Transitions）”这个插件的使用，源文件：transition.js。
transition.js文件为Bootstrap具有过渡动画效果的组件提供了动画过渡效果。不过需要注意的是，这些过渡动画都是采用CSS3来实现的。
查看全部 -
为方便单独导入特效文件，Bootstrap V3.2中提供了12种JavaScript插件，他们分别是：
动画过渡（Transitions）:对应的插件文件“transition.js”
模态弹窗（Modal）:对应的插件文件“modal.js”
下拉菜单（Dropdown）：对应的插件文件“dropdown.js”
滚动侦测（Scrollspy）：对应的插件文件“scrollspy.js”
选项卡（Tab）：对应的插件文件“tab.js”
提示框（Tooltips）：对应的插件文件“tooltop.js”
弹出框（Popover）：对应的插件文件“popover.js”
警告框（Alert）：对应的插件文件“alert.js”
按钮（Buttons）：对应的插件文件“button.js”
折叠/手风琴（Collapse）：对应的插件文件“collapse.js”
图片轮播Carousel：对应的插件文件“carousel.js”
自动定位浮标Affix：对应的插件文件“affix.js”
上述单独插件的下载可到github去下载（https://github.com/twbs/bootstrap）
查看全部 -
因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。
具体使用如下（或见右侧代码编辑器28-29行）：
<!—导入jQuery版本库，因为Bootstrap的JavaScript插件依赖于jQuery --> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <!—- 一次性导入所有Bootstrap的JavaScript插件（压缩版本） --><script src="js/bootstrap.min.js"></script>
查看全部 -
面板--基础面板
基础面板非常简单，就是一个div容器运用了“panel”样式，产生一个具有边框的文本显示块。由于“panel”不控制主题颜色，所以在“panel”的基础上增加一个控制颜色的主题“panel-default”，另外在里面添加了一个“div.panel-body”来放置面板主体内容：
<div class="panel panel-default"> <div class="panel-body">我是一个基础面板，带有默认主题样式风格</div> </div>
查看全部
举报