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

This article mainly shows you "can the components of the bootstrap official website be used directly?" the content is simple and clear. I hope it can help you solve your doubts. Let me lead you to study and learn the article "can the components of the bootstrap official website be used directly?"

The components of the bootstrap official website can be used directly. Visit the component library https://v3.bootcss.com/components/, and we can view all the component information of bootstrap and use it. If you want to change the style of the component, you can add your own style, or you can modify the corresponding style in the official style library (it is recommended to add your own style without touching the official document). The use of several components is described below.

I. the use of font icons

The name under these icons is the corresponding class name. We can access the class name directly when we use it:

Bootstrap font icon

Second, the use of button components

Note: there are seven button styles: btn-default, btn-primary, btn-info, btn-success, btn-warning, btn-danger and btn-link.

There are three button sizes: btn-lg, btn-sm and btn-xs

In addition, a type like input can also style buttons in bootstrap.

The default primary message determines the prompt to unlink Link Button

Button drop-down menu

First, there must be a drop-down menu div container, and the style should be set to dropdown;. Secondly, the button style of the drop-down menu should be set to dropdown. In addition, the value of the aria-labelledby attribute in the ul of the last drop-down menu of id; should correspond to the value of id in button!

Dropdown Dropdown header Action Another action Something else here Separated link

Button groups and nesting

Button groups can also be set in size: btn-group-lg, btn-group-sm, btn-group-xs

LeftMiddle Right Dropdown Dropdown link Dropdown link

5. Vertical button group

A btn-group-vertical class can implement

LeftMiddle Right

6. Align button sets at both ends

LeftMiddleRight above are all the contents of this article entitled "can the components of the bootstrap official website be used directly?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, 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.