Rumah >hujung hadapan web >Tutorial Bootstrap >bootstrap字体颜色怎么改
bootstrap字体颜色怎么改
- (*-*)浩asal
- 2019-07-18 14:46:148911semak imbas
先来看看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教程栏目进行学习！
Atas ialah kandungan terperinci bootstrap字体颜色怎么改. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：bootstrap复选框怎么实现Artikel seterusnya：bootstrap官网的组件是什么