bootstrap是12列的原因

這篇文章給大家分享的是有關bootstrap是12列的原因的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

用了Bootstrap一段時間，的確沒想過為什么要默認是12列。

覺得是因為布局比較方便，常見的分2塊，3塊，4塊都可以方便分完。

既然有假設，那還是要求證一下。

谷歌上一陣搜索。

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列，是為了更容易可以排出三列。

好，那么問題來了，為什么之前是設計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ā)和設計人員的首選，但是12列或者是24列可以更靈活。其中說到就是奇數(shù)列的布局更常見，比如經(jīng)常可以看到三列形式的布局。

感謝各位的閱讀！關于bootstrap是12列的原因就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！