Home>Article>Web Front-end> How to set font color in bootstrap

How to set font color in bootstrap

藏色散人
藏色散人 Original
2021-01-19 09:41:08 15492browse

How to set the font color in bootstrap: 1. Open the Bootstrap.css file; 2. Search for text-muted; 3. Check the text color style given by bootstrap by default; 4. Modify it based on these styles. and just add.

How to set font color in bootstrap

The operating environment of this tutorial: windows7 system, bootstrap3 version, Dell G3 computer.

Let’s first take a look at what bootstrap’s custom text color looks like:

Code:

        Bootstrap 101 Template  
  

我是muted

我是primary

我是success

我是info

我是warning

我是danger

Display effect:

How to set font color in bootstrap

The above are six different text colors. Let’s take a look at the specific text color?

Open Bootstrap.css, search text-muted:

The results are as follows:

How to set font color in bootstrap

So we can see that bootstrap by default The given text color style 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 a style that meets our own needs;

Recommended related tutorials: "bootstrap Tutorial

The above is the detailed content of How to set font color in bootstrap. 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