css - 使用 Twitter Bootstrap 将右侧内容移动到左侧

Question

我正在使用 Twitter Bootstrap 框架来布局我的页面。我有这个内容:

<div class="clearfix row">
   <div class="span4">..</div>
   <div class="span4">..</div>
   <div class="span4">Right Content</div>
</div>

我想做的是在手机 View 中将标有“正确内容”的内容移动到其他内容之上。我知道在不使用 JavaScript 的情况下这样做的复杂性，但是有没有办法在 Twitter Bootstrap 中通过 CSS 或 JS 来做到这一点？

谢谢。

Answer 1

这就是你想要做的，假设你在一行 div 中只有三列。

<div class="container">
    <div class="row">
        <div class="span4 pull-right">Right Content</div>
        <div class="span4">..</div>
        <div class="span4">..</div>
    </div>
</div>

查看我的示例 here .