justify-content-md-center funktioniert nicht?

Ich folge einem Tutorial und ich möchte justify-content-md-center verwenden, wenn es mittlere Bildschirmgröße erreicht. Aber es scheint nicht zu funktionieren.justify-content-md-center funktioniert nicht?

<div class="container"> 
    <div class="row" style="background:lightblue"> 
     <div class="col-md-2">col-sm-6</div> 
     <div class="col-md-8">col-sm-6</div> 
     <div class="col-md-2">col-sm-6</div> 
    </div> 
     <div class="row justify-content-md-center"> 
     <div class="col-md-2">col-sm-2</div> 
     <div class="col-md-2">col-sm-2</div> 
     <div class="col-md-2">col-sm-2</div> 
     </div> 

    </div>

Ich schätze die Hilfe dank

Quelle

2017-07-13 Mr.Banks

Welche Bootstrap-Version verwenden Sie? Dies ist nur in Version 4 verfügbar. – CBroe

ich benutze V4, aber ich kann nicht rechtfertigen Inhalt arbeiten auf bestimmte Ansichtsfenster. Nur "Zeile justify-content-center" funktioniert –

Soll das in einer Zeile/Kol-Situation funktionieren? Die Beispiele unter https://v4-alpha.getbootstrap.com/utilities/flexbox/#justify-content scheinen alle verschiedene Klassen zu verwenden. – CBroe

Hope this arbeitet

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
    
 

 
<div class="row justify-content-center" style="background: darkgray;"> 
 
    <div class="col-xs-2"> 
 
    <img src="https://placehold.it/150x150" alt="sample image"> 
 
    </div> 
 
    
 
    <div class="col-xs-2"> 
 
    <img src="https://placehold.it/150x150" alt="sample image"> 
 
</div> 
 
</div>

Quelle

2017-07-13 13:15:11

justify-content-md-center funktioniert nicht?

Antwort

Verwandte Themen