title: Bootstrap 3 Horizontal Center Button Group In A Row
body: <p>I am trying to horizontally center two radio buttons (in a group) on my page.  This is what I have so far.  It is not exactly center.  It is a bit to the left.  Pull right makes it go too far to the right.  I added center-block and text-center but they did not help at all.</p>
  
  <p>Can anyone help?</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-sm-5"&gt;&amp;nbsp;&lt;/div&gt;
      &lt;div class="col-sm-2"&gt;
          &lt;div class="btn-group center-block text-center" data-toggle="buttons"&gt;
              &lt;label class="btn btn-default center-block"&gt;&lt;input type="radio"&gt;All&lt;/label&gt;
              &lt;label class="btn btn-default active center-block"&gt;&lt;input type="radio"&gt;Filtered&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="col-sm-5"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>