2

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

两个问题：

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

  2. 即使右侧有相当多的空白空间，“调整大小”也会过早触发，我可以看到，无论如何要控制这个？

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

4

2 回答 2

0

  1. 或以 px 为单位固定列的大小，而不是 (row > spanx)

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

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

于 2012-09-14T14:31:14.993 回答
0

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

您的标记应该是：

<div class="container-fluid">
    <div class="row">
        <div class="span6"></div>
        <div class="span6"></div>
    </div>
</div>
于 2012-09-14T15:12:59.387 回答