title: How to align button to center using Bootstrap
body: <p>I have created a tile using Bootstrap. Inside the tile, near to the bottom I want three buttons (start, middle and end) of the tile.</p>
  
  <p>I made the start and end buttons but using two <code>div</code> tags with <code>pull-left</code> and <code>pull-right</code> classes. Now what I want is to place the middle button.</p>
  
  <p>Here's a part of my code and a screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/0HH7Y.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0HH7Y.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="col-lg-12"&gt;
      &lt;div class="pull-left"&gt;
          &lt;button class="btn btn-primary btn-sx" type="button"&gt;Confirm&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;!-- I want another button here, center to the tile--&gt;
  
      &lt;div class="pull-right"&gt;
          &lt;button class="btn btn-primary btn-xs pull-right" type="button"&gt;Decline&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>