bootstrap容器宽度

Question

bootstrap容器宽度

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

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

Run Code Online (Sandbox Code Playgroud)

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

麦克风

Answer 1

Tom*_*ere 5

第三列不适合,因为您的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>

Run Code Online (Sandbox Code Playgroud)

默认情况下不是 - 默认情况下,Bootstrap支持12宽网格系统 - 如果使用自定义变量下载引导程序,则可以自定义此项 - 请参阅http://twitter.github.com/bootstrap/customize.html#variables您还可以自定义宽度每个网格列(使整个宽度更宽) - 希望这将给你想要的.对于你当前设置的行,它应该全部适合一行 - 你可以发布一个jsfiddle与样本数据(相同的长度),因为我感兴趣为什么它进入第二行？ (2认同)

归档时间：	13 年，4 月前
查看次数：	6270 次
最近记录：	13 年，4 月前