有沒有辦法讓Bootstrap 3只使用我的外層網格列?防止引導3重置嵌套網格/使用主網格
例如,我已經構建Bootstrap使用10個列而不是12個。我已經將我的佈局劃分爲具有2列左側div和8列右側div。
我的主要內容是正確的。我想將主要內容分成四個相等的列,它們應該是四個.col-md-2元素。然而Bootstrap希望在將.col元素放入正確的div時將網格重置爲十。
幫助?
有沒有辦法讓Bootstrap 3只使用我的外層網格列?防止引導3重置嵌套網格/使用主網格
例如,我已經構建Bootstrap使用10個列而不是12個。我已經將我的佈局劃分爲具有2列左側div和8列右側div。
我的主要內容是正確的。我想將主要內容分成四個相等的列,它們應該是四個.col-md-2元素。然而Bootstrap希望在將.col元素放入正確的div時將網格重置爲十。
幫助?
井外柱是8和2 = 10,但要4,它應等於10的主要內容內相等,但相反,您有COL-MD-2×4 = 8,從而可以」這樣做你需要在主要內容中添加10個。您需要使用寬度爲25%的列,如果您正確轉換爲使用10列,那麼它可能是col-md-4。
您需要張貼小提琴或bootply才能獲得更好的答案。或切換回12列,並用LESS(少痛苦)擺弄那些列的寬度。
嘗試使用沒有網格系統的自定義引導,您可以通過取消選中「網格系統」並在頁面末尾下載自定義內容來獲取它。
我和你有同樣的問題,只是回答了一個類似的問題 - 我認爲沒有辦法使用Bootstrap本身,因爲網格系統都是CSS。但是,我編寫了一段JavaScript來根據嵌套級別計算百分比 - 在這裏似乎可以正常工作。這裏的要點是: https://gist.github.com/royalsflush/8422780
這裏與腳本的bootply:使用http://bootply.com/105852
因爲你想將你的主要內容這個問題可能(這是一個同事裏面~~ -8)4 col- ~~ -2當你需要使用col- ~~ -3。你可以發佈一些你的標記過程嗎? – Jerreck