Icons and style instructions for bootstrap

This article mainly explains "the icon and style instructions of bootstrap". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Next let the editor to take you to learn the "bootstrap icon, style instructions" bar!

1. Instructions for the use of small icons

Icon description: http://www.wapadd.cn/icons/awesome/index.htm

Details search

2. Element background color

Let's first take a look at the colors of the background of the elements.

There are five background colors: bg-primary bg-success bg-info bg-warning bg-danger

I'm bg-primary.

I'm bg-success.

I'm bg-info.

I'm bg-warning.

I'm bg-danger.

We can see that the styles of the background colors are: .bg-primary {background-color:#337ab7;}. Bg-success {background-color:#dff0d8;}. Bg-info {background-color:#d9edf7;}. Bg-warning {background-color:#fcf8e3;}. Bg-danger {background-color:#f2dede;} We can select and modify these styles as needed.

3. Text color, Bootstrap.css

I'm muted.

I'm primary.

I'm success.

I'm info.

I'm warning.

I'm danger.

By default, the text color style given by bootstrap is:

.text-muted {color: # 777;}

.text-primary {color: # 337ab7;}

.text-success {color: # 3c763d;}

.text-info {color: # 31708f;}

.text-warning {color: # 8a6d3b;}

.text-danger {color: # a94442;}

We can also modify and add based on these styles to get the styles that meet our needs.

4. The following can be combined with large, small and medium-sized devices through media queries to show and hide the content to the device.

At this point, I believe that everyone on the "bootstrap icon, style instructions" have a deeper understanding, might as well to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!