bootstrap中如何修改字体颜色

tangjin

作者

这篇文章将为大家详细讲解有关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中如何修改字体颜色就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

阅读全文

发布于 2021-07-24 22:39:08

bootstrap