Bootstrap 列表

发布时间：2020-12-17 20:59:36 所属栏目：安全来源：网络整理

导读：!doctype html html head meta charset = "utf-8" meta name = "viewport" content = "width=device-width,initial-scale=1.0" title 列表 / title link href = "../bootstrap-3.3.5-dist/css/bootstrap.min.css" rel = "stylesheet" / head body div class

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>列表</title>
<link href="../bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<div class="container">
  <h1 class="page-header">列表<small>无序列表,有序列表,描述列表</small></h1>
  <h2>无序列表</h2>
  <ul>
    <li>移动开发</li>
    <li>Web前端</li>
    <li>架构设计</li>
    <li>编程语言</li>
    <li>互联网</li>
  </ul>
  <h2>有序列表</h2>
  <ol>
    <li>移动开发</li>
    <li>Web前端</li>
    <li>架构设计</li>
    <li>编程语言</li>
    <li>互联网</li>
  </ol>
  <h2>描述列表</h2>
  <dl class="dl-horizontal">
    <dt>移动开发</dt>
    <dd>移动开发描述内容</dd>
    <dt>Web前端</dt>
    <dd>Web前端描述内容</dd>
    <dt>架构设计</dt>
    <dd>架构设计描述内容</dd>
    <dt>编程语言</dt>
    <dd>编程语言描述内容</dd>
    <dt>互联网</dt>
    <dd>互联网描述内容</dd>
  </dl>
</div>
<script src="../bootstrap-3.3.5-dist/js/bootstrap.js"></script> 
<script src="../bootstrap-3.3.5-dist/js/jquery-2.2.0.min.js"></script>
</body>
</html>

这里写图片描述

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!