2015-12-10 57 views
0

我看到了引導程序模板上的col和col-#類,它們是什麼以及何時何時使用col和col-#類? 無處不在我只讀了col-sm-#或col-md-#類,我沒有看到有關col或col的任何信息#Bootstrap 3,col和col-#class

+1

在COL-MD-4,山坳[數字的含義可能重複-XS-1,COL-LG-2在自舉(http://stackoverflow.com/questions/24175998/meaning-of-numbers-in-col-md-4-col-xs-1-col-lg- 2合自舉) – gpinkas

回答

2

沒有col - # - 類。

您使用col-xs-#/ col-sm-#/ col-md-#/ col-lg-#作爲佈局。

容易爲:

XS是最小的視< 768px電網。 (所以兩個col-xs-6即使在手機上也是浮動的)

如果您使用兩個col-sm-6,它們僅在移動設備上摺疊。在上方浮動:> 768px。

如果您使用col-md-6,它們會崩潰< 992px,並且會在所有更大的視口上浮動。

如果您使用col-lg-6,它們僅浮動在>> 1200px的視口上。低於他們崩潰。

附加信息:每組12列應包裹在div.row中。 (你也可以摺疊12關口後,但將可能需要一些CSS-修復您的利潤/墊襯

延伸閱讀:http://getbootstrap.com/css/#grid