title: trying to position my buttons centre screen with bootstrap 3
body: <p>Looked up various articles and answers on this site,a popular answer of which seems to be to use <code>&lt;div class="text-center"&gt;</code>, but it didn't work for me. The button starts on the very left of the screen. Any idea how it could be done - keeping it within bootstrap, ideally, instead of having to put new classes in my style sheets. Thanks.</p>
  
  <p>Code I have right now is:</p>
  
  <pre><code>                &lt;div class="text-center"&gt;
                    &lt;%= image_tag 'logo_for_web.png'  %&gt;
    &lt;h3&gt;Header here&lt;/h3&gt;
  
    &lt;h4&gt;
                      Text here
    &lt;/h4&gt;
  
      &lt;h4&gt;
                      Text here
    &lt;/h4&gt;
  
      &lt;%= link_to "Sign up", '#', class: "btn btn-primary col-xs-11" %&gt;
  
      &lt;%= link_to "Log in with Facebook", '#', class: "btn btn-primary col-xs-11" %&gt;
      &lt;%= link_to "Log in with email", '#', class: "btn btn-primary col-xs-11" %&gt;
      &lt;%= link_to "Use without signing up", '#', class: "btn btn-primary col-xs-11" %&gt;
      &lt;%= link_to "About Us", { controller: "static_pages", action: "about"}, class: "btn btn-primary col-xs-11" %&gt;
      &lt;%= link_to "Contact Us", '#', class: "btn btn-primary col-xs-11" %&gt;
  
  
  &lt;/div&gt;
  </code></pre>