Bootstrap 3与Bootstrap 2嵌套列

时间:2013-12-17 00:44:03

标签: twitter-bootstrap twitter-bootstrap-3

我们正在使用16列网格。在BS2中,我们可以使用4列用于左侧导航,并将剩余的12列嵌套到我们的主要内容区域。 (对于所有原因来说这真的很方便12很不错。)

在BS3中,嵌套区域继承了完整数量的列,因此我们正在努力弄清楚如何在内容区域中将我们的设计从假设的12到16进行调整。 (不再可以除以3。)

在一个理想的世界里,我们从一开始就使用了12列,而且在世界上都是正确的。然而,设计师想要更精细的控制,这在BS2 16 cols中运作良好。

是否有某种方法可以为BS3中的嵌套区域设置不同的列数?或者,我们是否应该将所有模板等修改为12列网格?我们可以通过设置百分比宽度来强制解决这个问题,但这是相当令人反感的,我想在框架内工作。

编辑 - 我们只是放弃使用BS3改为12网格系统,而不是与框架的一般设计作斗争。感谢大家的反馈!

2 个答案:

答案 0 :(得分:1)

这应该是一个评论,但我没有足够的声誉。

您的原始BS2可以使用嵌套网格吗? 左侧导航为4列,内容为8列,然后在内容中嵌套另一行/容器,其中包含另外12列主内容?

我相信下面的例子,嵌套部分获得所有12列。 那是你的追求吗? http://getbootstrap.com/css/#grid-nesting

答案 1 :(得分:0)

不是一个真正的答案,但将其标记为可以防止此问题无法回答的答案......我们只是要切换到BS3的12列布局。