Bootstrap - Buttons Demo
Advertisements
Bootstrap provides some options to style buttons, which are summarized in the following table −
| Class | Description |
|---|---|
| btn | Default/ Standard button. |
| btn-primary | Provides extra visual weight and identifies the primary action in a set of buttons. |
| btn-success | Indicates a successful or positive action. |
| btn-info | Contextual button for informational alert messages. |
| btn-warning | Indicates caution should be taken with this action. |
| btn-danger | Indicates a dangerous or potentially negative action. |
| 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 |
Advertisements
