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

有没有办法让Bootstrap 3只使用我的外层网格列？防止引导3重置嵌套网格/使用主网格

例如，我已经构建Bootstrap使用10个列而不是12个。我已经将我的布局划分为具有2列左侧div和8列右侧div。

我的主要内容是正确的。我想将主要内容分成四个相等的列，它们应该是四个.col-md-2元素。然而Bootstrap希望在将.col元素放入正确的div时将网格重置为十。

帮助？

来源

2014-01-07 jemminger

因为你想将你的主要内容这个问题可能（这是一个同事里面~~ -8）4 col- ~~ -2当你需要使用col- ~~ -3。你可以发布一些你的标记过程吗？ – Jerreck

井外柱是8和2 = 10，但要4，它应等于10的主要内容内相等，但相反，您有COL-MD-2×4 = 8，从而可以”这样做你需要在主要内容中添加10个。您需要使用宽度为25％的列，如果您正确转换为使用10列，那么它可能是col-md-4。

您需要张贴小提琴或bootply才能获得更好的答案。或切换回12列，并用LESS（少痛苦）摆弄那些列的宽度。

来源

2014-01-07 16:41:25 Christina

是的，这是我的问题：是否有可能得到bootstrap只使用外部容器的网格宽度，本质上“记住”我的右div是8宽，所以我可以将它均匀分成4列？或者引导程序总是将嵌套div重置回定义的10列？ – jemminger

所有的网格都以这种方式工作，任何东西的宽度都是100％，所以你坚持2 col布局，然后如果你嵌套的话，那么其中任何一个列都会回到100％，所以你再次开始。 – Christina

谢谢，这就是我所想的：/ – jemminger

尝试使用没有网格系统的自定义引导，您可以通过取消选中“网格系统”并在页面末尾下载自定义内容来获取它。

http://getbootstrap.com/customize/

来源

2014-01-07 16:39:35 Patrick

我和你有同样的问题，只是回答了一个类似的问题 - 我认为没有办法使用Bootstrap本身，因为网格系统都是CSS。但是，我编写了一段JavaScript来根据嵌套级别计算百分比 - 在这里似乎可以正常工作。这里的要点是： https://gist.github.com/royalsflush/8422780

这里与脚本的bootply：使用http://bootply.com/105852

来源

2014-01-14 18:19:47 royalsflush

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

回答

相关问题