Buttons

Use the button classes on an <a>, <button>, or <input> element.

  1. Regular
  2. Outline
  3. Round
  4. Block level
  5. Iconic
  6. Icon and Text

Regular

Use any of the available button classes to quickly create a styled button. Fancy larger or smaller buttons? Add .btn-xs, .btn-sm, .btn-lg, or .btn-xl for additional sizes.



















































Outline

Simply add .btn-outline to the button markup.





























Round

Simply add .btn-round to the button markup.





























Block level

Create block level buttons—those that span the full width of a parent— by adding .btn-block.






Iconic





























Icon and Text





















Bitnami