Madison Gartner Front end developer
  • My posts 289
  • Users online 892
  • Reports 92
  • Balance
    $45.389

Buttons Button layouts and options

9
Button sets

Bootstrap button examples - default, disabled, button groups, with dropups/dropdowns, dropdowns on hover and on click, button toolbars etc.

Buttons
Button class="" Description
btn btn-default Default button
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior
btn btn-icon Removes extra padding/margin for usage with 1 icon only
btn btn-icon Button with caret only
Button sizes
Button sizes

Different sizes with icons
Button types
Block buttons.btn-block
One class, multiple tags
Link
Default buttons
Default buttons
Left icons
Icon button
Disabled buttons
Right icons
Button mixes
Button dropdowns
Dropdown on hover
Icon dropdowns
Split buttons
Iconified split dropdowns
Dropup on hover
Dropdown on click
Icon dropdowns
Split buttons with icons
Dropdown with icons
Dropup on click
Form related buttons
These are Bootstrap based buttons: toggles, radios, checkboxes and form action buttons
Button groups
Button group
Button group nesting
Button group sizing
Button toolbar
Justified links
Left Middle Right
Justified buttons
© 2013. Londinium Admin Template by Eugene Kopyov