Bootstrap provides some options to style buttons, which are summarized in the following table −
Sr.No. | Class & Description |
---|---|
1 | btn Default/ Standard button. |
2 | btn-primary Provides extra visual weight and identifies the primary action in a set of buttons. |
3 | btn-success Indicates a successful or positive action. |
4 | btn-info Contextual button for informational alert messages. |
5 | btn-warning Indicates caution should be taken with this action. |
6 | btn-danger Indicates a dangerous or potentially negative action. |
7 | btn-link Deemphasize a button by making it look like a link while maintaining button behavior. |
Example | Description | Download link |
---|---|---|
IOS Buttons | This example indicates about button structure in Bootstrap | Download |
Image Buttons | This example indicates about Image button structure in Bootstrap | Download |
Shadow Buttons | This example indicates about Shadow button structure in Bootstrap | Download |
Sign up Buttons | This example indicates about Sign Up button structure in Bootstrap | Download |