【问题标题】：How to create a Two-column feeds layout like Google+ using Twitter bootstrap?如何使用 Twitter 引导程序创建像 Google+ 这样的两列提要布局？
【发布时间】：2014-09-01 14:00:48
【问题描述】：

它应该是响应式的，以便在较小的屏幕上，右侧的元素会作为第二个元素。

【问题讨论】：

这是基本的 Bootstrap 网格系统 - getbootstrap.com/css/#grid-example-basic - 请阅读文档并在此处提问之前试一试。如果您已经尝试过某些东西但没有奏效，请告诉我们。 Jake745 已经很友好地回答了，但请记住，其他人可能不会。检查stackoverflow.com/help/how-to-ask

标签： twitter-bootstrap user-interface twitter feed

【解决方案1】：

试试这个：

DEMO

<div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" >
                Left text
            </div>
             <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6" >
                 Right Data
             </div>
        </div>

【讨论】：

显然这不是我所说的。结果应从数据库中追加。所以就像你写的我的每个元素都有类 col-xs-12 col-sm-12 col-md-6 col-lg-6。但我想知道如何才能正确地将它们先添加到第一列，然后再添加到第二列