How to Align Buttons in Twitter Bootstrap 3.3

You can nest the buttons inside a div tag as shown below:

<div>
  <div>
    <%= link_to 'Watch Video', episode, class: 'btn btn-primary', rel: 'nofollow' %>  
    <% unless episode.article_id.blank? %>
      <%= link_to 'Read Article', article_url(id: episode.article.to_param), class: 'btn btn-success', rel: 'nofollow' %>  
    <% end %>
  </div>                                  
</div>    

This took me about 30 minutes to figure. I hope it helps someone.


Related Articles


Create your own user feedback survey