bootstrap设置字体颜色的示例-创新互联

这篇文章主要介绍了bootstrap设置字体颜色的示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

bootstrap设置字体颜色的方法：首先打开Bootstrap.css文件；然后搜索text-muted；接着查看默认情况下bootstrap给出的文本颜色样式；最后以基于这些样式进行修改和添加即可。

先来看看bootstrap自定义的文本颜色是什么样的：

代码：

  
    
    
    
    
    
    
    
    
  
  
              
我是muted
              
我是primary
              
我是success
              
我是info
              
我是warning
              
我是danger
          
    
    
  

显示效果：

上面就是六个不同的文本颜色，我们再来看看具体的文本颜色是多少？

打开Bootstrap.css , 搜索text-muted:

结果如下：

这样我们就可以看出默认情况下bootstrap给出的文本颜色样式为：

.text-muted{  color: #777 ;  }
.text-primary{  color: #337ab7 ;  }
.text-success{  color: #3c763d ;  }
.text-info{  color: #31708f ;  }
.text-warning{  color: #8a6d3b ;  }
.text-danger{  color: #a94442 ;  }

我们也可以基于这些样式进行修改和添加，得到符合自己需求的样式；

感谢你能够认真阅读完这篇文章，希望小编分享的“bootstrap设置字体颜色的示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!