2017-04-14 2 views
1

J'utilise Bootstrap v4.0.0-alpha.6Bootstrap 4 incapable de tirer col à droite

J'ai trois colonnes affichées dans une ligne, je dois échanger la première colonne avec la dernière colonne tout en mais md pas pendant sm/xs.

Je veux qu'il voir comme celui-ci en mode bureau:

[C][B][A] 

et comme celui-ci en vue mobile:

[A] 
[B] 
[C] 

J'ai essayé ceci:

<div class="row pt-2"> 
    <div class="col-12 col-md-4 float-md-right"> 
     <img src="assets/img/3-delivery.jpg"> 
    </div> 
    <div class="col-12 col-md-4"> 
     <img src="assets/img/arrow.png"> 
    </div> 
    <div class="col-12 col-md-4 float-md-left"> 
     <img src="assets/img/4-served.jpg"> 
    </div> 
</div> 

Il n » t travail du tout.

Répondre

0

Utilisez les pushpull cours ..

http://www.codeply.com/go/DhuRlsA6U4

<div class="row pt-2"> 
     <div class="col-12 col-md-4 push-md-8"> 
      a 
     </div> 
     <div class="col-12 col-md-4"> 
      b 
     </div> 
     <div class="col-12 col-md-4 pull-md-8"> 
      c 
     </div> 
</div> 
+0

merci beaucoup .. ça a marché .. – qq453911