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),
Use any of the available button classes to quickly create a styled button.
.btn-sm , or
.btn-xs for additional sizes.
Create block level buttons—those that span the full width of a parent— by adding