bootstrap 怎么设置字体颜色
文章标签
字体
bootstrap设置字体颜色的方法:1、打开bootstrap.css文件;2、搜索text-muted;3、查看默认情况下bootstrap给出的文本颜色样式;4、以基于这些样式进行修改和添加即可。
本教程操作环境:windows7系统,bootstrap3版本,Dell G3电脑。
先来看看bootstrap自定义的文本颜色是什么样的:
代码:
nbsp;html> <meta> <meta> <meta> <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> <link> <title>Bootstrap 101 Template</title> <style> p{font-size:50px;} </style> <p>我是muted</p> <p>我是primary</p> <p>我是success</p> <p>我是info</p> <p>我是warning</p> <p>我是danger</p> <script></script> <script></script>
显示效果:
上面就是六个不同的文本颜色,我们再来看看具体的文本颜色是多少?
打开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教程》