Bootstrap – Buttons Demo
”;
Bootstrap provides some options to style buttons. Use utilities to design unique buttons for any application, 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 |
| Block Buttons | This example indicates about block button structure in Bootstrap | Download |
| Icon Buttons | This example indicates about icon button structure in Bootstrap | Download |
| Spinner Buttons | This example indicates about spinner button structure in Bootstrap | Download |
| Close Buttons | This example indicates about close button structure in Bootstrap | Download |
Advertisements
”;