禁用特定元素的大小调整

Question

使用最新的twitter bootstrap包我遇到了调整列大小的问题，它确实破坏了该列中项目的设计。

两个问题：

1. 是否有一种简单的方法可以阻止调整元素（列/ div）的大小。

2. 即使右边有相当多的空白区域，“调整大小”也会被触及太早，我无论如何都要控制它？

更新 由于该站点是使用Python Flask和Jinja2模板制作的，所以获得所有代码有点麻烦，但我有一个测试页面显示问题 http://www.biddingpractice.com/test/test

Answer 1

1. 或以px而不是（row＆gt; spanx）

修复列的大小

2. 调整大小来自bootstrap-responsive.css中的媒体查询http://twitter.github.com/bootstrap/scaffolding.html#responsive

最好不要使用bootstrap-responsive.css，但某些代码/示例将有助于确认。

Answer 2

您正在连续嵌套两个.container而您没有.row。为了保持布局正常工作，您必须将.spanX包装在.row中，并且永远不要连续嵌套两个相等的元素（容器，行或跨度）。还要记住，在.row中，跨度必须加起来为12.

你的标记应该是：

<div class="container-fluid">
    <div class="row">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>