列表

原创
2013/06/15 20:50
阅读数 62
<!doctype html>
<html>
<head>
<meta charset="gbk">
<title>布局学习</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
</head>
<body class="container">
<h1 class="page-header">列表<small>简单示例</small></h1>
<h2>无序列表</h2>
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
<li>内容5</li>
</ul>

<h2>有序列表</h2>
<ol>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<li>内容4</li>
<li>内容5</li>
</ol>

<h2>描述列表</h2>
<dl>
<dt>内容1</dt>
<dd>内容1解释</dd>
<dt>内容2</dt>
<dd>内容2解释</dd〉
<dt>内容3</dt>
<dd>内容3解释</dd>
</dl>
<h2>描述列表(有样式)</h2>
<dl class="dl-horizontal">
<dt>内容1</dt>
<dd>内容1解释</dd>
<dt>内容2</dt>
<dd>内容2解释</dd〉
<dt>内容3</dt>
<dd>内容3解释</dd>
</dl>
</body>
</html>
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部