title: Bootstrap get div to align in the center
body: <p>I am trying to get some buttons on my footer to align to the center but for some reason it does not seem to work.</p>
  
  <pre><code>&lt;div class="footer"&gt;
    &lt;div class="container"&gt;   
      &lt;div class="navbar-text pull-left"&gt;
        &lt;p&gt; Hello there &lt;/p&gt;
      &lt;/div&gt;
          &lt;div class="Button" align="center"&gt;  
              &lt;a href="#" class="btn btn-warning" onclick="changeLook()"&gt;Re&lt;/a&gt;
              &lt;a href="#" class="btn btn-warning" onclick="changeBack()"&gt;Rs&lt;/a&gt;
          &lt;/div&gt;
      &lt;div class="navbar-text pull-right"&gt;
        &lt;a href="#"&gt;&lt;i class="fa fa-facebook-square fa-2x"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href="#"&gt;&lt;i class="fa fa-twitter fa-2x"&gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href="#"&gt;&lt;i class="fa fa-google-plus fa-2x"&gt;&lt;/i&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>I am not sure if I need to use CSS to make it go in the middle or if I should just use align, but nothing is working</p>