代码编辑器:
x
1
<meta name="viewport" content="width=device-width, initial-scale=1">
2
<link rel="stylesheet" href="/static/lib/bootstrap/4.0.0/css/bootstrap.min.css">
3
<script src="/static/lib/jquery/3.3.1/jquery.min.js"></script>
4
<script src="/static/lib/bootstrap/4.0.0/js/bootstrap.min.js"></script>
5
<div class="container">
6
<h2>链接的多种颜色列表项</h2>
7
<div class="list-group">
8
<a href="#" class="list-group-item list-group-item-action">激活列表项</a>
9
<a href="#" class="list-group-item list-group-item-success">成功列表项</a>
10
<a href="#" class="list-group-item list-group-item-secondary">次要列表项</a>
11
<a href="#" class="list-group-item list-group-item-info">信息列表项</a>
12
<a href="#" class="list-group-item list-group-item-warning">警告列表项</a>
13
<a href="#" class="list-group-item list-group-item-danger">危险列表项</a>
14
<a href="#" class="list-group-item list-group-item-primary">主要列表项</a>
15
<a href="#" class="list-group-item list-group-item-dark">深灰色列表项</a>
16
<a href="#" class="list-group-item list-group-item-light">浅色列表项</a>
17
</div>
18
</div>