我正在为博客使用最新版本的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可能有帮助;-)