title: Bootstrap: two column centered
body: <p>I'm trying to have a two-column centered layout with Bootstrap 3.1.
  I've read this: <a href="https://stackoverflow.com/questions/9554724/how-do-i-center-a-bootstrap-div-with-a-spanx-class">How do I center a Bootstrap div with a &#39;spanX&#39; class?</a>, but the content is stil aligned to the left. Here is my HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="center"&gt;
  
      &lt;div class="col-lg-3 gauche"&gt;
      Left div
      &lt;/div&gt;
  
      &lt;div class="col-lg-5 corps"&gt;
      Right div
      &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And my CSS:</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>Result is here: <a href="https://i.imgur.com/5nhZ2WS.png" rel="nofollow noreferrer">http://i.imgur.com/5nhZ2WS.png</a></p>