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