不同行上的订单Div

Question

在Bootstrap 3中，我有6个Divs。在xs布局中，它将是这样的：

移动屏幕尺寸（xs）的预期结果：

在其他屏幕尺寸下，将是这样的：其他屏幕尺寸的预期结果

我尝试使用推拉命令对Divs进行排序，但未获得预期的结果。

我的代码是这样的：

<div class="container">
    <div class="row">

        <div class="col-sm-2 col-xs-6">1</div>
        <div class="col-sm-2 col-xs-6 col-sm-push-10">2</div>
        <div class="col-sm-5 col-xs-6 col-sm-pull-2">3</div>
        <div class="col-sm-5 col-xs-6 col-sm-pull-2">4</div>
        <div class="col-sm-5 col-xs-6">5</div>
        <div class="col-sm-5 col-xs-6">6</div>
    </div>
</div>

但是输出将Divs分成三行。

感谢您的帮助！

谢谢！

Answer 1

尝试一下，

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