---
title: Buttons
---
## Buttons
The Bootstrap framework provides you with various styling options for buttons. These styles help you provide a visual representation to the user of what the button may do.
#### How To Use:
To use bootstrap buttons you follow the same steps that you would to create a button in HTML except you also apply the applicable CSS class to the button. A code example has been provided below.
**Code Example:**
``
You can also use bootstrap buttons with the `` and `` elements as shown in the examples below.
`This button is a link`
``
#### Bootstrap Button Class List:
This is a list of the CSS classes that bootstrap provides for buttons. They give the background color to the buttons.
`.btn` This is bootstrap's basic button. It is a prerequisite if you want other bootstrap buttons to work properly.
``
`.btn-primary` Bootstrap's primary button.
``
`.btn-secondary` Bootstrap's secondary button.
``
`.btn-success` Bootstrap's success button.
``
`.btn-info` Bootstrap's info button.
``
`.btn-warning` Bootstrap's warning button.
``
`.btn-danger` Bootstrap's danger button.
``
`.btn-link` Bootstrap's link button.
``
`.btn-light` Bootstrap's light button.
``
`.btn-dark` Bootstrap's dark button.
``
`.btn-dark` This is bootstrap's dark button.
`.btn-secondary` This is bootstrap's secondary button.
#### Bootstrap Button Sizes:
This is a list of the CSS classes for different size of the buttons.
`.btn-lg` Bootstrap's large button.
``
`.btn-md` This is bootstrap's medium button.
``
`.btn-sm` Bootstrap's small button.
``
`.btn-md` This is bootstrap's medium button.
`.btn-xs` This is bootstrap's extra small button.
``
`.btn-block` This is bootstrap's full width button.
#### Bootstrap Disabled Button State
This is used to show that the button is disabled by fading the button. This can be achieved through adding "disabled" to the `