title: Center align multiple buttons with Bootstrap 3.2.0
body: <p>I know this question has been asked a lot about center a button or a div, but I can't find an answer for multiple buttons/divs.</p>
  
  <p>I have a few sections in my design that require 2 or 3 buttons to be center aligned with a 10px margin between them, I also require them to span 2 cols. I'll paste the code below that I'm using and hopefully one of you can tell me where I'm making the mistake, thanks in advance.</p>
  
  <pre><code>&lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-2 col-lg-offset-3 sec-1-btn"&gt;More&lt;/div&gt;
              &lt;div class="col-lg-2 sec-1-btn"&gt;More&lt;/div&gt;
              &lt;div class="col-lg-2 sec-1-btn"&gt;More&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  @mixin btns {
      background: $yellow;
      color: $cream;
      font-weight: 700;
      font-size: 1.3em;
      text-transform: uppercase;
      text-align: center;
      padding: 12px 0;
  }
  </code></pre>
  
  <p>I have tried adding a margin-right: 10px to the buttons but then they aren't centered due the first being stuck in it's position. I have also tried using the center-block class but can't seem to get it to work. I'm sure I'm not the only person to have had this problem and it's probably me just not seeing the obvious. Once again, thanks in advance.</p>