bootstrap只能默認(rèn)12列的原因是什么

這篇文章主要介紹bootstrap只能默認(rèn)12列的原因是什么，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

bootstrap只能默認(rèn)12列是因為12是數(shù)字“1、2、3、4、6”的最小公倍數(shù)，所以12列柵格系統(tǒng)相對較靈活，并且支持將一行分成1列、2列、3列、4列、6列。

為什么Bootstrap要默認(rèn)12列？

今天被問了一個問題：”有沒有想過為什么Bootstrap要默認(rèn)是12列？“

呃，好吧，用了Bootstrap一段時間，的確沒想過為什么要默認(rèn)是12列，隱隱約約覺得是因為布局比較方便，常見的分2塊，3塊，4塊，都可以方便分完。

既然有假設(shè)，那還是要求證一下。

谷歌上一陣搜索。

Contrary to the question’s parenthetical, Bootstrap was always at 940px wide, and not 960px, even with the original 16 columns. With the switch to 12 columns in Bootstrap 2, we wanted to simplify the overall grid (16 columns is right on the edge of enough granularity) and make it easier to get three columns.

大致意思就是原來是16列的，后來改成了12列，是為了更容易可以排出三列。

好，那么問題來了，為什么之前是設(shè)計16列呢？

繼續(xù)谷歌。

16-columns has long been the go-to grid for designers and developers, but we’ve noticed a shift to 12- and 24-columns to offer a more flexible layout. And they’re right for doing so—gridded layouts work best with an odd number of columns (you often see three columns, but four or six are not that popular).

這個是Bootstrap的github bug列表中2011年的一段討論，題目是問為什么用16列代替了24列。原來16列之前還有24列。大概是說，16列是開發(fā)和設(shè)計人員的首選，但是12列或者是24列可以更靈活。其中說到就是奇數(shù)列的布局更常見，比如經(jīng)?？梢钥吹饺行问降牟季?。

這里的話，為什么說16列是開發(fā)和設(shè)計人員的首選，我并不清楚。但是后面說到三列布局更常見，的確是這樣，比如CSDN的首頁就是個三列形式的布局。用16列想分3:1或者3:2都不是很方便。

而12是1，2，3，4，6的最小公倍數(shù)，所以12列柵格系統(tǒng)相對較靈活，支持將一行分成1列，2列，3列，4列，6列。若是想要支持5列，那1，2，3，4，5的最小公倍數(shù)是60，而60這個數(shù)對于柵格系統(tǒng)來說顯然太大了。

以上是“bootstrap只能默認(rèn)12列的原因是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！