title: Horizontally center-align a bootstrap button with accompanying text
body: <p>I am trying to horizontally center-align a bootstrap button with accompanying text. But am not getting the expected output. Could someone tell me why its not centering?</p>
  
  <pre><code>&lt;div class="col-md-12 well"&gt;
      &lt;div class="col-md-6"&gt;
          &lt;h2 class="btn btn-warning btn-lg btn-block"&gt;Sign in via google&lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class="col-md-6 text-center"&gt;
          &lt;span&gt;&lt;em&gt; Already have an account? Login&lt;/em&gt;&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I created a <a href="https://plnkr.co/edit/gvI9dawzFR3pfPVqIeWy?p=preview" rel="nofollow">Plunker demo</a>. In smaller screens it works as expected. But in larger screens it's not aligned properly.</p>