Buttons
Use Bootstrap’s custom button styles for actions in forms,dialogs,and more with support for multiple sizes,states,and more. Read the Official Bootstrap Documentationfor a full list of instructions and other options.
Basic Styling
Bootstrap includes several predefined button styles,each serving its own semantic purpose,with a few extras thrown in for more control.
Outline Buttons
In need of a button,but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-*
ones to remove all background images and colors on any button.
Sizes
Button can have additional sizes like larger or smaller buttons.
Full Width
Create block level buttons—those that span the full width of a parent
Active State
Buttons will appear pressed(with a darker background,darker border,and inset shadow) when active and also by adding .active
class.
Disabled State
Make buttons look inactive by adding the disabled boolean attribute to any button element.
Icon Buttons
Make icon buttons by adding only icon and add class modifier using .btn-icon