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>