Skip to main content

Buttons

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.

Link

Options

Use any of the available button classes to quickly create a styled button.

Link tag

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.

expand_less