Home > Article > Web Front-end > What are the bootstrap button styles?
Button style in bootstrap:
class style |
Description |
---|---|
.btn | Rounded gray button, in order to make the button less sharp, all our buttons should use this style to get rounded corners, and then overlay them with other features. |
.btn-default | Default/standard button, the white one is gray when pressed. |
.btn-primary | Original button style (not operated), this corresponds to active, it is the style of a button that has not been operated, and active is The corresponding style displayed when the button is clicked. |
.btn-success | Indicates successful action |
.btn-info | This style Buttons that can be used to pop up information |
.btn-warning | Buttons that require careful operation |
.btn- danger | Button operation indicating a dangerous action |
.btn-link | Make the button look like a link (still retain the button behavior) |
.btn-lg | Big button |
.btn-sm | Small button |
.btn-xs | Super small button |
.btn-block | Block level button (stretch to 100% of the width of the parent element) |
.active | button is clicked, and the button will take on a pressed appearance (dark background, dark colored borders, shadows). |
.disabled | Disable the button, the color will be 50% lighter, and the gradient will be lost. |
Recommended: bootstrap introductory tutorial
The above is the detailed content of What are the bootstrap button styles?. For more information, please follow other related articles on the PHP Chinese website!