Bootstrap 拉和推答案

【问题标题】：Bootstrap pull and pushBootstrap 拉和推
【发布时间】：2015-03-25 11:02:59
【问题描述】：

我很难理解 Bootstrap 的 pull 和 push 方法。我一直在玩，当只切换 2 个 div 时，我得到了一个很好的工作示例。我明白那部分。

但我想要实现的目标需要一个额外的元素。

  <div class="row">
<div class="col-md-6 " style="background-color:grey;">TEXT</div>
<div class="col-md-6 col-md-push-12 " style="background-color:lavender;">IMAGE</div>
<div class="col-md-12 col-md-pull-12" style="background-color:lavenderblush;">FORM</div>
</div>

我知道上面的例子是错误的，我特意在12列处添加了我的表单div以将其推到图像和文本div的下方，我想要实现的是：

桌面：

[文本] [图片]

[........形成........]

手机：

[文本]

[表格]

[图片]

据我所知，我认为我需要在文本 div 中添加一些内容？

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

我认为如果col-lg-6 那么您可以通过col-push-lg-6. 推动专栏你不能把柱子推一倍使用给定的示例作为其工作原理的参考。

如果还不够，请从给定链接查看DrGeneral 给出的示例：

http://stackoverflow.com/questions/18057270/column-order-manipulation-using-col-lg-push-and-col-lg-pull-in-twitter-bootstrap

<div class="row">

    <div class="col-sm-6">
        Text
    </div>

    <div class="col-sm-12 col-sm-push-12">
        Image
    </div>

    <div class="col-sm-12 col-sm-pull-12">
        Form
    </div>


</div>

希望此链接和示例有效.....

【讨论】：