如何将右div的第二个元素放在引导程序的底部？

Question

我使用引导来设计我的网站。我试着用布局来做下面的动作。我该怎么做？

当尺寸大时；

-------------------------
|    A(md-8)   |  B(4)  |
|              |--------|
|              |  C(4)  |
|              |--------|
|              |
----------------

当尺寸小的时候；

----------------
|     B        |
----------------
|     A        |
----------------
|     C        |
----------------

Answer 1

在HTML中，将div按B、A、C的顺序排列，并给出一个类，例如pull-right-lg到B和C，以使其正确浮动。此类仅针对使用媒体查询的大型设备。

HTML

<div class="container">
    <div class="row">
        <div class="col-md-4 pull-right-lg">B</div>
        <div class="col-md-8">A</div>
        <div class="col-md-4 pull-right-lg">C</div>
    </div>
</div>

CSS

@media (min-width: 992px) {
    .pull-right-lg {
        float: right;
    }
}

见Fiddle