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!
Solution to Win7 folder properties not sharing tab page
what is vuex
How to clean the computer's C drive that is too full
Mathematical modeling software
The difference between vscode and vs
How to type the inscription on the coin circle?
How to decrypt bitlocker encryption
How to solve the slow download problem of Baidu Netdisk
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
