调整Twitter引导列的大小

时间:2013-02-15 12:56:09

标签: css twitter-bootstrap responsive-design

我有两列的布局,在第一列中我有子列。如下所示:

<div class="row">
  <div class="span8">
    <div class="row">
      <div class="span1"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

当页面调整为较小时,我希望两个外部列堆叠在一起,而不是内部列,因为它们总是需要在同一行上,即一旦页面调整大小在下面span8的宽度然后引入一个水平滚动条。

这可能吗?

1 个答案:

答案 0 :(得分:0)

<div class="row">
  <div class="span8 container-fluid">
    <div class="row-fluid">
      <div class="span1 offset2"></div>
      <div class="span4"></div>
      <div class="span1"></div>
      <div class="span1"></div>
      <div class="span1"></div>
    </div>
  </div>
  <div class="span4">
  </div>
</div>

如果在span8内部使用流体布局,则其中的内容应保持在同一行。

并且,我不知道你是否知道,但是一行总是12列,即使它在span8中。

我希望你知道我的意思。抱歉我的英语不好。