title: Button in the center of a card footer in Bootstraps
body: <p>I have this <code>.card-footer</code>:</p>
  
  <pre><code>&lt;div class="card-footer"&gt;
      &lt;button class="btn btn-theme pull-left" type="button" id="toleft"&gt;&lt;&lt;/button&gt;
      &lt;button class="btn btn-theme" type="button" id="more"&gt;+&lt;/button&gt;
      &lt;button class="btn btn-theme pull-right" type="button" id="toright"&gt;&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The buttons <code>.toleft</code> and <code>.toright</code> are in the correct position, however the button <code>#more</code> should be exactly on the center of the footer, but it is still on the left.</p>
  
  <p>Any ideas?</p>