在Bootstrap中除了使用标签<strong>、<em>等说明正文某些字词、句子的重要性,Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下:
具本源码查看bootstrap.css文件第500行~第532行:
.text-muted {
color: #999;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
我们来看看这些强调类对应的效果:查看右侧代码编辑器。
我也来试一试:完成下面任务
在右侧代码编辑器中第17行输入正确代码:强调下面一句话。
“我是一危险信息,请用Bootstrap框架中的危险风格显示”
正确代码如下:
<p class="text-danger">我是一段危险信息,请用Bootstrap框架中的危险风格显示</p>
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报