案例：Bootstrap案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap 实例 - 向列表组添加自定义内容</title>
6
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
7
    <script src="/js/bootstrap/jquery.min.js"></script>
8
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
​
12
<div class="list-group">
13
    <a href="#" class="list-group-item active">
14
        <h4 class="list-group-item-heading">
15
            入门网站包
16
        </h4>
17
    </a>
18
    <a href="#" class="list-group-item">
19
        <h4 class="list-group-item-heading">
20
            免费域名注册
21
        </h4>
22
        <p class="list-group-item-text">
23
            您将通过网页进行免费域名注册。
24
        </p>
25
    </a>
26
    <a href="#" class="list-group-item">
27
        <h4 class="list-group-item-heading">
28
            24*7 支持
29
        </h4>
30
        <p class="list-group-item-text">
31
            我们提供 24*7 支持。
32
        </p>
33
    </a>
34
</div>
35
<div class="list-group">
36
    <a href="#" class="list-group-item active">
37
        <h4 class="list-group-item-heading">
38
            商务网站包
39
        </h4>
40
    </a>
41
    <a href="#" class="list-group-item">
42
        <h4 class="list-group-item-heading">
43
            免费域名注册
44
        </h4>
45
        <p class="list-group-item-text">
46
            您将通过网页进行免费域名注册。
47
        </p>
48
    </a>