我正在为博客使用最新版本的Bootstrap。我需要右侧内容(社交,电子邮件注册等)出现在移动视图中所有主要博客内容的下方。它看起来像我在台式机上的样子,侧面内容显示在主要内容的右侧。但是,在我当前的代码中,在移动设备上查看时,副内容出现在两个主要内容之间。

这是我的代码:

<div class="container">
    <div class="row">
        <div class="col-lg-8">
        Main content
        </div>

        <div class="col-lg-4 col-lg-push">
        SIDE CONTENT
        </div>

        <div class="col-lg-4 col-lg-push">
        SIDE CONTENT
        </div>

        <div class="col-xs-1 col-xs-push">
        SIDE CONTENT
        </div>
   </div>
</div>


在此之下,我还有另一个包含两行主要内容的容器。我希望辅助内容出现在移动设备上所有主要内容的下方。谢谢!

最佳答案

尝试简单地使用向右拉。

<div class="pull-right">SIDE CONTENT</div>


This documentation可能有帮助;-)

10-05 20:44
查看更多