Question

有没有办法改变container类的宽度，使其更宽？我想要一个3列固定宽度的布局，其大小与此类似：

  <div class="container">
    <div class="span3">
      span3
    </div>
    <div class="span6">
      span6
    </div>
    <div class="span3">
      span3
    </div>
  </div>

但是第三个div不适合一行。它被转移到下一行，所以我猜测container太窄了。

麦克

Answer 1

第三列不适合，因为您的span元素不在行div（<div class="row">）

内

以下代码（也在http://jsfiddle.net/3yG6j/1/上）应解决您的问题，并将所有跨度放在同一行

<!DOCTYPE html>
<html>
  <body>
    <div class="container">
      <div class="row">
        <div class="span3">
          span3
        </div>
        <div class="span6">
          span6
        </div>
        <div class="span3">
          span3
        </div>
      </div>
    </div>
  </body>
</html>

bootstrap容器宽度

1 个答案: