Wie Sie Spalten mit Bootstrap neu anordnen

Question

Ich muss meine Spalten auf kleinen Geräten neu anordnen. Ich versuche col-sm-push und col-sm-pull zu verwenden, aber das funktioniert nicht und ich verstehe nicht warum.

<div class="row no-margin white max-width"> 
    <div class="col-xs-12 col-sm-12 col-sm-push-12 col-md-6 no-padding"> 
    <div class="image"> 
     A 
    </div> 
    </div> 
    <div class="col-xs-12 col-sm-12 col-sm-pull-12 col-md-6 no-padding"> 
    <div class="item"> 
     <div class="title"> 
     </div> 
     <div class="info"> 
     B 
     </div> 
    </div> 
    </div> 
</div> 

Was ist das Problem?

Danke

Answer 1

Push-Pull auf md Bildschirmgrößen. Gegentakt funktioniert, wenn sie nebeneinander sind, was nicht der Fall ist, wenn der Bildschirm xs ist.

Sie haben die Reihenfolge festlegen, dass Sie xs Bildschirm Sie wollen und für md Größe Bildschirm Verwendung Push-Pull

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row no-margin white max-width"> 
 
    
 
    <div class="col-xs-12 col-sm-12 col-md-6 no-padding col-md-push-6"> 
 
    <div class="image"> 
 
     B 
 
    </div> 
 
    </div> 
 
    <div class="col-xs-12 col-sm-12 col-md-6 no-padding col-md-pull-6"> 
 
    <div class="item"> 
 
     <div class="title"> 
 
     </div> 
 
     <div class="info"> 
 
     A 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>