How to change bootstrap font color

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

Code: (Recommended learning: Bootstrap video Tutorial)

nbsp;html>

  
    <meta>
    <meta>
    <meta>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link>
    <title>Bootstrap 101 Template</title>
    <style>
          p{font-size:50px;}
    </style>
    
  
  
              <p>我是muted</p>
              <p>我是primary</p>
              <p>我是success</p>
              <p>我是info</p>
              <p>我是warning</p>
              <p>我是danger</p>          
    <script></script>
    <script></script>
  

Open Bootstrap.css and search for text-muted:

The results are as follows:

So we can see that the text color style given by bootstrap by default 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 styles that meet our own needs.

For more technical articles related to Bootstrap, please visit the Bootstrap Tutorial column to learn!

The above is the detailed content of How to change bootstrap font color. For more information, please follow other related articles on the PHP Chinese website!