资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

bootstrap设置字体颜色的示例

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

目前成都创新互联已为上1000+的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、易门网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

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

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

代码:



  
    
    
    
    
    
    Bootstrap 101 Template
    
    
  
  
              

我是muted

              

我是primary

              

我是success

              

我是info

              

我是warning

              

我是danger

                       

显示效果:

bootstrap设置字体颜色的示例

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

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

结果如下:

bootstrap设置字体颜色的示例

这样我们就可以看出默认情况下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设置字体颜色的示例”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


分享文章:bootstrap设置字体颜色的示例
文章地址:http://www.cdkjz.cn/article/pcsoeg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220