有没有办法让Bootstrap 3只使用我的外部网格列?
例如,我已经构建了Bootstrap来使用10列而不是12列。我将我的布局划分为左列2列和右列8列。
我的主要内容是正确的。我想将主要内容分成四个相等的列,这应该只是四个.col-md-2元素。然而,当我将.col元素放入右边div时,Bootstrap想要将网格重置为十。
帮助?
答案 0 :(得分:1)
外部列是8和2 = 10但是你想在主要内容中等于10等于10,但是你有col-md-2 x 4 = 8所以你不能这样做你需要在主要内容中添加10个。您需要使用宽度为25%的列,如果您正确转换为使用10列,那么它可能是col-md-4。
你需要张贴一个小提琴或一个bootply来获得更好的答案。或者切换回12列并在LESS中调整这些列的宽度(减少痛苦)。
答案 1 :(得分:1)
我和你有同样的问题,只是回答了一个类似的问题 - 我认为没有办法用Bootstrap本身,因为网格系统都是CSS。但是,我编写了一段Javascript来根据嵌套级别计算百分比 - 这似乎在这里工作正常。这是要点: https://gist.github.com/royalsflush/8422780
这是带脚本的bootply:http://bootply.com/105852
答案 2 :(得分:0)
尝试使用没有网格系统的自定义引导程序,您可以通过取消选中“GRID SYSTEM”并在页面末尾下载自定义内容来获取它。