2013-12-17 106 views
0

我們正在使用16列的網格。在BS2中,我們可以使用4列作爲左側導航欄,並將剩下的12列嵌入我們的主要內容區域。 (這真的很方便,因爲所有原因12很好。)Bootstrap 3與Bootstrap 2嵌套列

在BS3中,嵌套區域繼承了所有列數,所以我們正在努力弄清楚如何使我們的設計從假設的12到16的內容區。 (不再可以用3除)

在理想的世界裏,我們從一開始就使用了12列,並且所有的東西都是正確的。但是,設計人員希望BS2 16 cols中的細粒度控制運行良好。

有什麼方法可以爲BS3中的嵌套區域設置不同的列數?或者,我們是否搞砸了,應該將所有模板等重新修改爲12列網格?我們可以通過設置百分比寬度來強制這個問題,但這很不愉快,我想在框架內工作。

編輯 - 我們只是在認輸和使用BS3更改爲12電網系統,而不是對抗的框架的通用設計。感謝大家的反饋!

+2

您確定嗎?bs2支持16cols?http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem – daison12006013

+0

爲什麼不使用Bootstrap列並使用:http://goldengridsystem.com/ – Christina

+0

Bootstrap具有12列布局。期。你如何使用16沒有嵌套? – Ranveer

回答

1

這應該是一個評論,但我沒有足夠的聲望。

您原來的BS2可以使用嵌套網格嗎? 4列左側nav和8內容,然後嵌套在內容另一行/容器,將有另外12列爲您的主要內容?

我相信在下面的例子中,嵌套部分獲得所有12列。 這是你的事後? http://getbootstrap.com/css/#grid-nesting

+0

你是對的,嵌套現在獲得完整的列數。在BS2中這不是這樣,這就是爲什麼我們可以做4次然後12次。隨着新的,我們有4,然後16這是一個問題。幸運的是,由於設計師是爲BS2設計的同一個人,所以他在列上的假設將非常接近BS3上的12和BS2上的16巢現在。 – Korak

0

不是一個真正的答案,而是將其標記爲一個答案,以防止這個問題出現未解決了......我們只是要切換到BS3的12列布局。