
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 |