Bootstrap: zwei Spalte zentriert

Question

Ich versuche, mit Bootstrap 3.1 eine zweispaltige Layout zentriert zu haben. Ich habe gelesen, dies: How do I center a Bootstrap div with a 'spanX' class?, aber der Inhalt ist stil nach links ausgerichtet. Hier ist mein HTML:

<div class="row"> 
<div class="center"> 

    <div class="col-lg-3 gauche"> 
    Left div 
    </div> 

    <div class="col-lg-5 corps"> 
    Right div 
    </div> 

</div> 
</div> 

Und mein CSS:

body 
{ 
    padding: 0; 
    margin: 0; 
} 
.corps 
{ 
    background-color: white; 
} 
.contenu 
{ 
    margin-top: 5em; 
    margin-bottom: 1em; 
    background-color: white; 
    padding: 1.2em; 
    padding-left: 1.5em; 
} 
.center 
{ 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
} 
.gauche 
{ 
    background-color: #e6e6e6; 
    min-height: 200px; 
} 

Ergebnis ist hier: http://i.imgur.com/5nhZ2WS.png

Answer 1

einen Container hinzufügen, entfernen Sie das Zentrum div und fügen zwei leere col-lg-2 auf beiden Seiten, so fügt sie 12 Spalten up:

0.123.

<div class="container"> 
<div class="row"> 
    <div class="col-lg-2"> 
    </div> 
    <div class="col-lg-3 gauche"> 
    Left div 
    </div> 

    <div class="col-lg-5 corps"> 
    Right div 
    </div> 
    <div class="col-lg-2"> 
    </div> 
</div> 
</div> 

Answer 2

Versuchen

.row { 
    margin:0px auto; 
} 

Answer 3

Sie würden wollen, eine Spalte Offset-Klasse verwenden. Wenn Sie eine Aktie Build von Bootstrap verwenden, müssen alle Spaltenklassen bis 12 aufzuaddieren Ihre col-lg-3 und col-lg-5 nur so zu 8 aufaddieren Hinzufügen eines col-lg-offset-2 sollten Sie zum Zentrum reparieren. Bootstrap hat auch eine eingebaute Zentrierklasse container, die ich persönlich verwenden würde. Siehe untenstehenden Code:

<div class="container"> 
<div class="row"> 

    <div class="col-lg-3 col-lg-offset-2 gauche"> 
    Left div 
    </div> 

    <div class="col-lg-5 corps"> 
    Right div 
    </div> 

</div> 
</div>