<!doctype html>
<html>
<meta charset="utf-8" />
<head>
<title>益司CMS-PC與手機建站集成</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
<!--<link href="__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />-->
<!--[if It IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--加載jquery-->
<style type="text/css">
@media(max-width:670px){
body{background:whtie}
}
</style>
</head>
<body>
<!--
-->
<div class="container">
<h1 class="page-header">列表
<small>無序列表,有序列表,描述列表</small>
</h1>
<h2>
無序列表
</h2>
<ul>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
</ul>
<h2>有序列表</h2>
<ol>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
</ol>
<h3>描述列表</h3>
<dl class="dl-horizontal">
<dt>你是哪裏人</dt>
<dd>你出生在哪裏?</dd>
<dt>程序員</dt>
<dd>編寫代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件功能~</dd>
<dt>程序程序程序程序程序員</dt>
<dd>編寫代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件代碼,實現軟件功能~</dd>
</dl>
</div>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>
bootstrap_04_列表
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.