防止bootstrap 3重置嵌套网格/使用主网格

时间:2014-01-07 16:25:17

标签: html css twitter-bootstrap twitter-bootstrap-3

有没有办法让Bootstrap 3只使用我的外部网格列?

例如,我已经构建了Bootstrap来使用10列而不是12列。我将我的布局划分为左列2列和右列8列。

我的主要内容是正确的。我想将主要内容分成四个相等的列,这应该只是四个.col-md-2元素。然而,当我将.col元素放入右边div时,Bootstrap想要将网格重置为十。

帮助?

3 个答案:

答案 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”并在页面末尾下载自定义内容来获取它。

http://getbootstrap.com/customize/