1 : 默认标签 label label-default
2 : 强调标签 label label-primary
3 : 成功标签 label label-success
4 : 信息标签 label label-info
5 : 警告标签 label label-warning
6 : 危险标签 label label-danger
2 : 强调标签 label label-primary
3 : 成功标签 label label-success
4 : 信息标签 label label-info
5 : 警告标签 label label-warning
6 : 危险标签 label label-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> <div style="height:10px"></div> <span class="label label-default">默认</span>
- 强调标签
<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> <div style="height:10px"></div> <span class="label label-primary">强调</span>
- 成功标签
<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> <div style="height:10px"></div> <span class="label label-success">成功</span>
- 信息标签
<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> <div style="height:10px"></div> <span class="label label-info">信息</span>
- 警告标签
<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> <div style="height:10px"></div> <span class="label label-warning">警告</span>
- 危险标签
<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> <div style="height:10px"></div> <span class="label label-danger">危险</span>