Bootstrap 12 Spalte Bestellung

Question

Ich habe zwei 12 Spaltenabschnitte Ich möchte Abschnitte in mobilen Design ändern,

eg. Code

< section class="col-xs-12" > 
mobile top/desktop bottom 
</ section > 
< section class="col-xs-12" > 
mobile bottom/desktop top 
</ section > 

Wer weiß, wie es geht, Bestelländerungen.

Answer 1

Versuchen Sie es mit Medienabfragen und der Float-Eigenschaft.

Grundsätzlich schalten Sie die Positionen Ihrer Spalten, die auf Desktop-Modus arbeitet. Wenn der Bildschirm mobil ist (nach Bootstrap < = 480px), geben Sie das obere col float nach rechts. damit wechselt er die Position mit der unteren.

<div class="col-xs-12 myCol"> 
mobile bottom/desktop top 
</div> 
<div class="col-xs-12"> 
mobile top/desktop bottom 
</div> 

CSS:

.myCol { 
    float:right 
} 
@media screen and (min-width: 480px){ 
    .myCol{ 
    float:none 
    } 
}