Twitter Bootstrap堆叠层次

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

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

| Sidebar 1 | | Content  | | Sidebar 2 |

在一个较小的分辨率然而，我想要的列堆栈，像这样：

| Content | 
| Sidebar 1 | 
| Sidebar 2 |

我看到引导来控制这种堆叠的唯一方法是通过使用拉向左或向右拉。有更好的方法，还是甚至有可能在Bootstrap中做到这一点？

谢谢！

来源

2012-10-17 Aj Troxell

检查：http://stackoverflow.com/q/12902555/1478467 – Sherbrow

Bootstrap中没有内置控制堆叠顺序的机制 - 元素将按它们在HTML中出现的顺序堆叠。
如果.pull-left和.pull-right正在实现您想要的行为，那么这可能是您不用诉诸JavaScript的最佳选择。

来源

2012-10-17 19:31:42 Sara

问题是，他们不工作。除非我只是很密集，并且无法让它们在桌面视图中正确放置。有没有办法来安排HTML： CONTENT，SIDEBAR 1，SIDEBAR 2，但让边栏1浮动到内容的左侧？ –

你可以把你的代码放在[jsFiddle]（http://jsfiddle.net/）中，这样我就可以测试它了吗？ – Sara

我只是搞清楚如何做同样的事情，这里是代码：

<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使用此相同的“招数”包，而是刚刚最近转换来引导和正在转换的东西。对不起，我有点晚了。

来源

2013-01-09 03:57:42

Twitter Bootstrap堆叠层次

回答

相关问题