title: Center the div with bootstrap
body: <p>I want center the pricing box you can see it from <a href="http://responsiweb.com/themes/preview/ace/1.3.1/pricing.html" rel="nofollow">http://responsiweb.com/themes/preview/ace/1.3.1/pricing.html</a></p>
  
  <p>I applied the found solution from other posts,</p>
  
  <p>I tried add the following css on the <code>&lt;div class="col-xs-6 col-sm-3 pricing-box"&gt;</code></p>
  
  <pre><code>  float:none;
    // width: 1200px;
    display: block;
    //margin-left: 200px;
    margin-left: auto;
    margin-right: auto;
  </code></pre>
  
  <p>But the pricing box still stick to the left border, not be centered</p>