Bootstrap柵格布局係統的
柵格布局係統的特點:
(1)所有的行必須放在容器中: .container或.container-fluid
(2)分為多行(row),一行中平均分為12列(col)
(3)網頁內容隻能放在列(col)中,不能直接放在行(row)
(4)可以在col中再嵌套row
(5)col分為四大類: col-xs col-sm col-md col-lg
(6)col-md-* *值可為1~12,值就為某個列的寬度( */12 )
(7)可以為一個列指定不同屏幕下的不同寬度
(8) col-lg-* 隻對大PC屏幕有效
col-md-* 對普通PC和大PC屏幕都有效
col-sm-* 對平板、PC、大PC屏幕都有效
col-xs-* 對手機、平板、PC大PC屏幕都有效
(9) .hidden-lg 當前列隻在大PC屏幕下隱藏
.hidden-md 當前列隻在PC屏幕下隱藏
.hidden-sm 當前列隻在平板屏幕下隱藏
.hidden-xs 當前列隻在手機屏幕下隱藏
最後更新:2017-11-05 12:33:42