Buttons
The only times you’ll likely ever use the <button>
element is when you create a form, or add a modal to the page. Never use a <button>
element, or even button styling, just to link to another page or document.
There are UX and cognitive accessiblity issues with making hyperlinks look like buttons.
- Buttons perform actions.
- Links are for navigation.
Use the button classes on an <a>
(rarely and not just to link to another page), <button>
, or <input>
element.
Sizes
Add .btn-lg
, .btn-sm
, or .btn-xs
for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding .btn-block
.