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

this is what its supposed to look like![enter image description here](https://i.stack.imgur.com/VVsbr.png)

however mine looks like
![enter image description here](https://i.stack.imgur.com/hZyvu.png)

the changes in tutorial that aligns the text and button comes after implementing these CSS styles:![enter image description here](https://i.stack.imgur.com/2Mu5d.png)

Can someone guide me in the right direction? the code for my Jumbotron is this:

```
  <div class="jumbotron">
  <h1>Welcome to the Sample App</h1>

   <h2>
       This is the home page for the
       <a href="http://railstutorial.org/">Ruby on Rails Tutorial</a>
       sample application.
   </h2>

     <%= link_to "Sign up now!", '#', class: "btn btn-primary btn-lg" %>
  </div>

 <%= link_to image_tag("rails.png", alt: "Rails"), 'http://rubyonrails.org/' %>

```

I'll admit, i'm not great with CSS, otherwise i would have figured this out myself
Thank you!