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

【问题标题】：How do I put second element of right div to bottom of all on bootstrap?如何将右 div 的第二个元素放在引导程序的底部？
【发布时间】：2014-12-22 08:35:10
【问题描述】：

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

当尺寸很大时；

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

当尺寸较小时；

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

【问题讨论】：

标签： html css twitter-bootstrap layer

【解决方案1】：

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

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;
    }
}

See Fiddle

【讨论】：

用这个解决方案，当屏幕大并且B的长度比A长时，C将位置设置在B的下方。如何将C放在B的下方？（B和C将如下所示相同的侧边栏 - 从下到下）感谢您的回答。
啊明白你的意思。您需要将clear:both 提供给 div C。
我会返回解决方案。我明白你的意思了。