序號(hào) 名字 類名 作用
1: 容器 .container 響應(yīng)式的布局容器
大屏（>=1200px）寬度是1170px
中屏（>=992px）寬度是970px
小屏（>=768px）寬度是750px
超小屏（100%）
2: 容器 .container-fluid 流失布局布局容器
流失布局 百分百的寬
適合做移動(dòng)端開發(fā)

3: 柵格系統(tǒng) bs中的柵格系統(tǒng)將容器平均分為了12列
參數(shù) bs中行和列的組合來創(chuàng)建頁面
行 .row 行是放在容器中的
列 .column 列是當(dāng)中行中的
大屏 .col-lg- 大屏（>=1200px）下用到的列的類名是.col-lg
中屏 .col-md- .col-md-4 表示中屏下，該元素占比是4列
小屏 .col-sm- 每一列默認(rèn)左右都有15px的padding
超小屏 .col-xs- 列里面可以同時(shí)添加其他屏下的類
4: 列嵌套 子列會(huì)把會(huì)把父元素當(dāng)中12份劃分
5: 列偏移 .col-md-offset- .col-md-offset-4 偏移4份
6: 列排序 .col-md-push-* 和 .col-md-pull-* push由左到右,pull由右到左
7: 響應(yīng)式工具 hidden- * visible- 隱藏、顯示
類名 大屏 lg 中屏 md 小屏 sm 超小屏 xs
hidden-lg 隱藏 顯示 顯示 顯示
hidden-md 顯示 隱藏 顯示 顯示
hidden-sm 顯示 顯示 隱藏 顯示
hidden-xs 顯示 顯示 顯示 隱藏

    visible-lg      顯示                  隱藏                  隱藏                  隱藏
    visible-md      隱藏                  顯示                  隱藏                  隱藏
    visible-sm      隱藏                  隱藏                  顯示                  隱藏
    visible-xs      隱藏                  隱藏                  隱藏                  顯示

8：什么是柵格系統(tǒng)？
柵格系統(tǒng)又名網(wǎng)格系統(tǒng)，是有容器+行+列組成
9:容器最多容納12列，多一列會(huì)在下一行顯示，少一列，會(huì)把該列的位置空著