发布时间：2025-12-11 02:33:50 浏览次数：1
bootstrap设置字体颜色的方法:首先打开Bootstrap.css文件;然后搜索text-muted;接着查看默认情况下bootstrap给出的文本颜色样式;最后以基于这些样式进行修改和添加即可。
先来看看bootstrap自定义的文本颜色是什么样的:
代码:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1"><!--上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后!--><linkrel="stylesheet"href="bootstrap.css"><title>Bootstrap101Template</title><style>p{font-size:50px;}</style></head><body><p>我是muted</p><p>我是primary</p><p>我是success</p><p>我是info</p><p>我是warning</p><p>我是danger</p><scriptsrc="jquery.js"></script><scriptsrc="bootstrap.js"></script></body></html>显示效果:
上面就是六个不同的文本颜色,我们再来看看具体的文本颜色是多少?
打开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设置字体颜色的示例”这篇文章对大家有帮助,同时也希望大家多多支持本站,关注本站行业资讯频道,更多相关知识等着你来学习!
免责声明：本站内容（文字信息+图片素材）来源于互联网公开数据整理或转载，仅用于学习参考，如有侵权问题，请及时联系本站删除，我们将在5个工作日内处理。联系邮箱：303555158#qq.com（把#换成@）
微信便捷交流