Twitter bootstrap 在Twitter Bootstrap 3.0上更改小型设备中的溢出模式

我有一个包含多行的两列布局，很像一个表：我使用这个布局是因为我需要将数据对齐到每一级的行中，并且它工作得非常好。代码如下所示：

标题
材料1
材料2

当然，您有多行两列，这在正常布局中效果很好，因为它保证了行对齐

调整窗口大小时会出现问题：单元格的显示顺序是（垂直）

第1列第1列、第1列第2列、第2列第1列、第2列第2列、第3列第1列、第3列第2列

等等，而我想要的是

第1列第1列、第2列第1列、第3列第1列、第1列第2列第2列第3列第2列

因此，所有第一列（所有行）后面跟着所有第二列

---

在Bootstrap 3.0上，数据如何以“逐行对齐”的方式显示在两列布局上，而在小型设备上仍然按列重叠？

尝试使用嵌套，如：

<div class="container">
    <div class="row">
        <div class="col-md-6 leftside">
            <div class="row">
                <div class="col-xs-12">
                        1
                </div>  
                <div class="col-xs-12">
                        3
                </div>
                <div class="col-xs-12">
                        5
                </div>
            </div>
        </div>
                <div class="col-md-6 rightside">
            <div class="row">
                <div class="col-xs-12">
                        2
                </div>  
                <div class="col-xs-12">
                        4
                </div>
                <div class="col-xs-12">
                        6
                </div>
            </div>
        </div>      
    </div>
</div>  

1.
3.
5.
2.
4.
6.

更新使用jQuery确保每行列高度相等（在中间（md）网格中）：

//响应行动，请参见：http://www.quirksmode.org/blog/archives/2010/08/combining_media.html     
如果（document.documentElement.clientWidth>=992）
{
对于（var i=1；我不明白您想要实现什么。您可以发布代码或创建一个吗？这是否可以保证第一列md-6中的行与第二列中的行具有相同的高度？我实际上有多行，并且有固定的n列（2）所以我不需要嵌套列，因为高度不能保证。您可以固定高度或使用jquery设置高度吗？您可以建议如何设置吗？
//act responsive, see: http://www.quirksmode.org/blog/archives/2010/08/combining_media.html     
if (document.documentElement.clientWidth >=992)
{

    for(var i = 1; i <= $('.col-md-6.rightside .row .col-xs-12').length; i++)
    {
        $('.col-md-6 .row .col-xs-12:nth-child('+ i +')').css('height',
        Math.max(
        $('.col-md-6.leftside .row .col-xs-12:nth-child('+ i +')').height(),
        $('.col-md-6.rightside .row .col-xs-12:nth-child('+ i +')').height()
        ));
    }
}