У меня есть следующие 6 строительных блоков:

[1][2] 
[3][4]
[5][6]

Все блоки имеют класс col-sm-6 в одном ряду. Но поскольку блок 3 превосходит начальную структуру столбцов на 12 столбцов, он перейдет к следующей строке. Идеально, это то, что я хочу.

Единственное, я хочу поменять местами блоки 2 и 3. Но это работает только для блоков в одной строке. Так что 1 и 2 могут поменяться местами, а 2 и 3 нет (в режиме SM)

 <div class="container">
 <div class="row">
    <div class="col-sm-6 col-md-4">  
        <div class="well"> 1 </div>
    </div>
    <div class="col-sm-6 col-sm-push-6 col-md-4 col-md-push-0">
        <div class="well"> 2 </div>
    </div>
    <div class="col-sm-6 col-sm-pull-6 col-md-4 col-md-pull-0">
        <div class="well"> 3 </div>
    </div>

    <div class="clearfix hidden-sm"></div>

    <div class="col-sm-6 col-md-4">
        <div class="well"> 4 </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="well"> 5 </div>
    </div>
    <div class="col-sm-6 col-md-4">
        <div class="well"> 6 </div>
    </div>
</div>
</div>

Это создаст:

    [1]   [2]
 [3]   [4]
    [5][6]

Увидетьhttp://www.bootply.com/127062