Bootstrap provides different classes that can be used with different tags, such as <button>, <a>, <input>, and <label> to apply custom button styles. Bootstrap also provides classes that can be used for changing the state and size of buttons. Also, it provides classes for applying toggle, checkbox and radio buttons like effects.
Bootstrap contains many classes to set the style of the button element. The list of button classes are given below:
Note: The <a>, <button> and <input> elements are used to hold the button classes.
Button Outlines: Bootstrap provides a series of classes that can be used when we need to use outline styled buttons in our project, i.e. button without background color. The outline button classes remove any background color or background image style applied to the buttons. These classes are listed below:
Button Sizes: Bootstrap provides different classes that allow to changing the size of the button. The .btn-lg and .btn-sm classes are used for large and small buttons.
Active State Buttons: The .active class is used to make button and link to active state.
Disabled State Buttons: The disabled attribute is used with <button> element to set the disabled state of button.
Block Level Buttons: The .btn-block class is used to create block-level button which takes all width of parent element.
Spinner Buttons: The spinner-* classes are used to add spinner to the button.Output:
- Google Chrome
- Internet Explorer