Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What are the bootstrap button style properties

2025-01-18 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/01 Report--

This article mainly introduces the bootstrap button style properties of what the relevant knowledge, the content is detailed and easy to understand, the operation is simple and fast, has a certain reference value, I believe you read this bootstrap button style properties of which articles will have a harvest, let's take a look at it.

Class style:

BTN rounded gray button, in order to make the button less sharp, our buttons should use this style to get rounded corners, and then override other features.

.btn-default default / standard button, press gray if white.

.btn-primary original button style (unmanipulated), which corresponds to active, which is the style of a button that is not manipulated, and active is the corresponding style displayed when the button is clicked.

. btn-success indicates a successful action

. btn-info this style can be used for buttons to pop up information

. btn-warning indicates a button that needs to be handled with caution

. btn-danger indicates a button operation of a dangerous action

.btn-link makes the button look like a link (still retains button behavior)

. btn-lg big button. Btn-sm small button. Btn-xs ultra-small button

.btn-block block-level buttons (stretch to 100% width of the parent element)

The .active button is clicked and the button will appear as a pressed appearance (dark background, dark border, shadow) when activated.

If you disable the button, the color will fade by 50% and the gradient will be lost.

This is the end of the article on "what are the style properties of bootstrap buttons?" Thank you for reading! I believe that you all have a certain understanding of the knowledge of "what are the style properties of bootstrap buttons?" if you want to learn more, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report