基本结构
Bootstrap,中会对某些标签进行样式初始化,会覆盖html标签原有的样式
先将css文件引入
HTML5,shim和Respond.js是为了让IE8支持 HTML5元素和媒体查询(media queries)功能
警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用
jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边)
bootstrap全局css
container,定宽居中的块元素
container-fluid ,100%宽度,占满整个视口
栅格系统布局必须放在一个容器中,container,让一个块元素实现定宽局中,而且宽度可以根据不同尺寸的屏幕来自适应
row,行,参与栅格系统流式布局,上下布局
网格系统是将一个容器横向分为12列,又将不同的屏幕尺寸分为4个档次,分别为lg,md,sm,xs,同期中的子元素可以通过设置class来决定本元素在
div块元素 参与栅格系统的流式布局 左右布局
col-lg-1超大屏幕下占1列宽,一行可以放十二个div
col-md-2在中等屏幕下占2列宽,一行可以放6个
col-sm-4,在小屏幕下占4列宽,一行可以放3个
col-xs-6在超小屏幕下占6列宽,一行可以放2个
列排序
col-lg-push-4向后推四列宽
col-lg-pull-2向前拉动2列宽
一行内整体的列宽不能超过12,如果超过,超过的标签自动到下一行显示