title: Bootstrap button not aligned in center after aligning with CSS
body: <p>I'm currently following the ruby on rails tutorial by Michael Hartl, and I'm currently using Bootstrap version 3. The issue is my button is not aligning in the center like the text is</p>
  
  <p>this is what its supposed to look like<img src="https://i.stack.imgur.com/VVsbr.png" alt="enter image description here"></p>
  
  <p>however mine looks like
  <img src="https://i.stack.imgur.com/hZyvu.png" alt="enter image description here"></p>
  
  <p>the changes in tutorial that aligns the text and button comes after implementing these CSS styles:<img src="https://i.stack.imgur.com/2Mu5d.png" alt="enter image description here"></p>
  
  <p>Can someone guide me in the right direction? the code for my Jumbotron is this:</p>
  
  <pre><code>  &lt;div class="jumbotron"&gt;
    &lt;h1&gt;Welcome to the Sample App&lt;/h1&gt;
  
     &lt;h2&gt;
         This is the home page for the
         &lt;a href="http://railstutorial.org/"&gt;Ruby on Rails Tutorial&lt;/a&gt;
         sample application.
     &lt;/h2&gt;
  
       &lt;%= link_to "Sign up now!", '#', class: "btn btn-primary btn-lg" %&gt;
    &lt;/div&gt;
  
   &lt;%= link_to image_tag("rails.png", alt: "Rails"), 'http://rubyonrails.org/' %&gt;
  </code></pre>
  
  <p>I'll admit, i'm not great with CSS, otherwise i would have figured this out myself
  Thank you!</p>