1 : 淡灰色文本 text-muted
2 : 强调的文本 text-primary
3 : 操作成功文本 text-success
4 : 提示信息文本 text-info
5 : 警告文本 text-warning
6 : 危险操作文本 text-danger
2 : 强调的文本 text-primary
3 : 操作成功文本 text-success
4 : 提示信息文本 text-info
5 : 警告文本 text-warning
6 : 危险操作文本 text-danger
- 淡灰色文本
淡灰色，常用在说明性文字
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-muted">muted</span> - 强调的文本
强调的文本，常用在需要强调的文字上
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-primary">primary</span> - 操作成功文本
操作成功文本，进行了成功的行为后的提示文字
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-success">success</span> - 提示信息文本
提示信息文本，一般用于指导性文字上
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-info">info</span> - 警告文本
警告文本，一般用于修改行为
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-warning">warning</span> - 危险操作文本
危险操作文本，一般用于删除行为
<!DOCTYPE html> <script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="text-danger">danger</span>
489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
