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>

我要做的是在电话视图中将标记为“正确内容”的内容移动到其他内容之上。我知道不使用 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>

在此处查看我的示例。