怎么修改bootstrap的字体颜色-创新互联

怎么修改bootstrap的字体颜色？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

专注于为中小企业提供成都做网站、成都网站制作、成都外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业泰兴免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了数千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

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

代码：

<!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.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的字体颜色的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联网站制作公司行业资讯频道，感谢各位的阅读！

分享名称：怎么修改bootstrap的字体颜色-创新互联
标题链接：https://www.cdcxhl.com/article18/shsdp.html

成都网站建设公司_创新互联，为您提供定制网站、静态网站、网站设计公司、商城网站、云服务器、网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容