Home  >  Article  >  Web Front-end  >  What are the bootstrap button styles?

What are the bootstrap button styles?

尚
Original
2019-07-31 13:46:469445browse

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn