​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap 列表 - 迹忆客(jiyik.com)</title>
6
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
7
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
8
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.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">
49
     <dt>Description 1</dt>
50
     <dd>Item 1</dd>
51
     <dt>Description 2</dt>
52
     <dd>Item 2</dd>
53
</dl>
54
​
55
</body>
56
</html>

Design By 迹忆客 © 2023 jiyik.com ALL RIGHT RESERVED 冀ICP备15007416号-2