PHP前端开发

bootstrap 怎么设置字体颜色

百变鹏仔 1个月前 (11-14) #bootstrap
文章标签 字体
bootstrap设置字体颜色的方法:1、打开bootstrap.css文件;2、搜索text-muted;3、查看默认情况下bootstrap给出的文本颜色样式;4、以基于这些样式进行修改和添加即可。

本教程操作环境:windows7系统,bootstrap3版本,Dell G3电脑。

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

代码:

nbsp;html&gt;      <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教程》