<%= 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') %>
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 | Code |
---|---|
<%= button('Large', :large) %> |
button('Large', :large)
|
<%= button('Default') %> |
button('Default')
|
<%= button('Small', :small) %> |
button('Small', :small)
|
<%= button('Mini', :mini) %> |
button('Mini', :mini)
|
<%= button('Small Info', :small, :info) %> |
button('Small Info', :small, :info)
|
<%= link_to('Bootstrap Documentation', 'http://twitter.github.io/bootstrap/components.html#buttonGroups') %>
<%%= 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 %>
<%= 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 %>