title: How to center .btn-group from twitter-bootstrap?
body: <p>I'm using <a href="http://twitter.github.com/bootstrap/">twitter-bootstrap</a>, and i found it fairly hard to center <code>div</code> which has class <code>.btn-group</code> (<a href="http://twitter.github.com/bootstrap/components.html#buttonGroups">link</a>). 
  Usually, I use </p>
  
  <pre><code>margin: 0 auto; 
  </code></pre>
  
  <p>or</p>
  
  <pre><code>text-align: center;
  </code></pre>
  
  <p>to center stuff within div, but it doesn't work when inner element has property <code>float: left</code> which in this case uses for visual effects.</p>
  
  <p><a href="http://jsfiddle.net/EVmwe/1/">http://jsfiddle.net/EVmwe/1</a> </p>