建站學堂

襄陽網(wǎng)站建設|Bootstrap 網(wǎng)格系統(tǒng)

建站學堂

2760

字體:

Bootstrap 是一個響應式的、移動設備優(yōu)先的、不固定系統(tǒng),可以隨著設備或視口大小的增加到 12 列。它包含了用于簡單的布局選項的預定義類,也包含了用于生成更多語義布局的功能強大的混合類。

1575895582(1).jpg

/* 超小設備(手機,小于 768px) *//* Bootstrap 中默認情況下沒有媒體查詢 *//* 小型設備(平板電腦,768px 起) */@media (min-width: @screen-sm-min) { ... }/* 中型設備(臺式電腦,992px 起) */@media (min-width: @screen-md-min) { ... }/* 大型設備(大臺式電腦,1200px 起) */@media (min-width: @screen-lg-min) { ... }

網(wǎng)格選項

Bootstrap 網(wǎng)格系統(tǒng)如何跨多個設備工作:


超小設備手機(<768px)
小型設備平板電腦(≥768px)中型設備臺式電腦(≥992px)大型設備臺式電腦(≥1200px)
網(wǎng)格行為一直是水平的以折疊開始,斷點以上是水平的以折疊開始,斷點以上是水平的以折疊開始,斷點以上是水平的
最大容器寬度None (auto)750px970px1170px
Class 前綴.col-xs-.col-sm-.col-md-.col-lg-
列數(shù)量和12121212
最大列寬Auto60px78px95px
間隙寬度30px
(一個列的每邊分別 15px)
30px
(一個列的每邊分別 15px)
30px
(一個列的每邊分別 15px)
30px
(一個列的每邊分別 15px)
可嵌套YesYesYesYes
偏移量YesYesYesYes
列排序YesYesYesYes


 

[聲明]原創(chuàng)不易,請轉(zhuǎn)發(fā)者備注下文章來源(hbsjsd.cn)【速建時代】。