Buttons

<%= link_to('Bootstrap Documentation', 'http://twitter.github.io/bootstrap/base-css.html#buttons') %>
<%= link_to('API Documentation', 'http://rubydoc.info/gems/bootstrap-view-helpers/Bootstrap/ButtonHelper') %>

Default Buttons

Button Code
<%= button('Default') %> button('Default')
<%= button('Success', :success) %> button('Success', :success)
<%= button('Warning', :warning) %> button('Warning', :warning)
<%= button('Danger', :danger) %> button('Danger', :danger)
<%= button('Info', :info) %> button('Info', :info)
<%= button('Inverse', :inverse) %> button('Inverse', :inverse)
Options button('Success', :success, id: 'success-label', key: 'value')
<%= button('Link as button', url: '/somewhere') %> button('Link as button', url: '/somewhere')
<%= button('Button as a link', :link) %> button('Button as a link', :link)

Button Sizes

Button Code
<%= button('Large', :large) %> button('Large', :large)
<%= button('Default') %> button('Default')
<%= button('Small', :small) %> button('Small', :small)
<%= button('Mini', :mini) %> button('Mini', :mini)
<%= button('Block', :block) %> button('Block', :block) # (occupies 100% width of container)
<%= button('Small Info', :small, :info) %> button('Small Info', :small, :info)

Button Bars and Button Groups

<%= link_to('Bootstrap Documentation', 'http://twitter.github.io/bootstrap/components.html#buttonGroups') %>

<%= button_group do %> <%= button('Left') %> <%= button('Middle') %> <%= button('Right') %> <% end %>

    <%%= button_group do %>
      <%%= button('Left') %>
      <%%= button('Middle') %>
      <%%= button('Right') %>
    <%% end %>
  

<%= button_toolbar do %> <%= button('One', :primary) %> <%= button_group do %> <%= button('Two', :info) %> <%= button('Three', :info) %> <% end %> <%= button('Four', :danger) %> <% end %>
    <%%= button_toolbar do %>
      <%%= button('One', :primary) %>
      <%%= button_group do %>
        <%%= button('Two', :info) %>
        <%%= button('Three', :info) %>
      <%% end>
      <%%= button('Four', :danger) %>
    <%% end %>
  

Button Dropdowns

<%= link_to('Bootstrap Documentation', 'http://twitter.github.io/bootstrap/components.html#buttonDropdowns') %>

<%= button_toolbar do %> <%= button_dropdown('Actions', :info) do %> <%= dropdown_item 'Button' %> <%= dropdown_item 'Link', '/url' %> <% end %> <%= split_button_dropdown('Edit', url: '/edit') do %> <%= dropdown_item 'Flag', '/flag' %> <%= dropdown_item 'Copy', '/copy' %> <%= dropdown_divider %> <%= dropdown_item 'Delete', '/delete' %> <% end %> <% end %>
    <%%= button_toolbar do %>
      <%%= button_dropdown('Actions', :info) do %>
        <%%= dropdown_item 'Button' %>
        <%%= dropdown_item 'Link', '/url' %>
      <%% end %>
      <%%= split_button_dropdown('Edit', url: '/edit') do %>
        <%%= dropdown_item 'Flag', '/flag' %>
        <%%= dropdown_item 'Copy', '/copy' %>
        <%%= dropdown_divider %>
        <%%= dropdown_item 'Delete', '/delete' %>
      <%% end %>
    <%% end %>