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

本教程操作环境:windows7系统,bootstrap3版本,Dell G3电脑。
相关教程推荐:《bootstrap教程》
先来看看bootstrap自定义的文本颜色是什么样的:
代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <!DOCTYPE html>
<html>
<head>
<meta charset= "utf-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge" >
<meta name= "viewport" content= "width=device-width, initial-scale=1" >
<!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
<link rel= "stylesheet" href= "bootstrap.css" >
<title>Bootstrap 101 Template</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>
<script src= "jquery.js" ></script>
<script src= "bootstrap.js" ></script>
</body>
</html>
|
显示效果:
阅读剩余部分
相关阅读 >>
bootstrap怎么改字体
bootstrap的优点和缺点是什么?
bootstrap字体颜色怎么改
bootstrap 分页的实现方法
浅谈vue项目中使用npm安装bootstrap和jquery
bootstrap-table数据刷新后留在当前页
bootstrap是哪个组织创建的
bootstrap2和3的区别是什么
bootstrap如何更改导航栏颜色
bootstrap是哪家开发的
更多相关阅读请进入《bootstrap》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » bootstrap 怎么设置字体颜色