案例：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
<h4>有序列表</h4>
13
<ol>
14
    <li>Item 1</li>
15
    <li>Item 2</li>
16
    <li>Item 3</li>
17
    <li>Item 4</li>
18
</ol>
19
<h4>无序列表</h4>
20
<ul>
21
    <li>Item 1</li>
22
    <li>Item 2</li>
23
    <li>Item 3</li>
24
    <li>Item 4</li>
25
</ul>
26
<h4>未定义样式列表</h4>
27
<ul class="list-unstyled">
28
    <li>Item 1</li>
29
    <li>Item 2</li>
30
    <li>Item 3</li>
31
    <li>Item 4</li>
32
</ul>
33
<h4>内联列表</h4>
34
<ul class="list-inline">
35
    <li>Item 1</li>
36
    <li>Item 2</li>
37
    <li>Item 3</li>
38
    <li>Item 4</li>
39
</ul>
40
<h4>定义列表</h4>
41
<dl>
42
    <dt>Description 1</dt>
43
    <dd>Item 1</dd>
44
    <dt>Description 2</dt>
45
    <dd>Item 2</dd>
46
</dl>
47
<h4>水平的定义列表</h4>
48
<dl class="dl-horizontal">