1

我对使用 Twitter Bootstrap 2 比较陌生,因为我只使用过 Foundation。我无法弄清楚如何做的一件事是控制较小分辨率的堆叠。

我正在使用三列布局,两个侧边栏和内容区域。看起来像这样:

| Sidebar 1 |   |   Content     |   | Sidebar 2 |

但是,在较小的分辨率上,我希望列像这样堆叠:

|  Content  |
| Sidebar 1 |
| Sidebar 2 |

我认为在 Bootstrap 中控制这种堆叠的唯一方法是使用 pull-left 或 pull-right。有没有更好的方法,或者甚至可以在 Bootstrap 中做到这一点?

谢谢!

4

2 回答 2

1

Bootstrap 中没有内置机制来控制堆叠顺序 - 元素将按照它们在 HTML 中出现的顺序堆叠。
如果.pull-left并且.pull-right正在实现您想要的行为,那可能是您最好的选择,而无需求助于 JavaScript。

于 2012-10-17T19:31:42.727 回答
1

我只是想知道如何做同样的事情,这里是代码:

<div class="container">
  <div class="row">
    <div class="span9">
      <div class="row">
        <div class="span6 pull-right">Content</div>
        <div class="span3 pull-left">Sidebar 1</div>
      </div>
    </div>
    <div class="span3">Sidebar 2</div>
  </div>
</div>

我在我的Blueprint CSS Class中使用了同样的“技巧”包,但最近刚刚转换为 Bootstrap 并且正在转换。抱歉,我来晚了一点。

于 2013-01-09T03:57:42.333 回答