Ich habe die folgenden 6 Bausteine:

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

Alle Blöcke haben eine col-sm-6-Klasse in einer Reihe. Da Block 3 die Struktur von 12 Spalten des Bootstraps überschreitet, springt er zur nächsten Zeile. Perfekt, das ist was ich will.

Das Einzige ist, dass ich Block 2 und 3 tauschen möchte. Dies funktioniert jedoch nur für Blöcke in derselben Zeile. 1 und 2 können also tauschen, 2 und 3 nicht (im SM-Modus)

 <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>

Es wird erstellt:

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

Sehenhttp://www.bootply.com/127062