Bootstrap 列表.pdfVIP

Bootstrap 列表 在本章节中，我们将学习如何使⽤Bootstrap为不同类型的列表添加样式。 我们可以定义三种不同类型的列表： ⽆序列表 - 其顺序⽆关紧要的项⽬列表。⽆序列表中的列表项⽬⽤着重号 记。 有序列表 - 其顺序重要的项⽬列表。有序列表中的列表项⽬⽤数字 记。 定义列表 - 具有相关描述的术语列表。 定义列表 带有其关联说明的术语列表。 !DOCTYPE HTML html head link href=//www .w /style/bootstrap.min.css rel=style /head body style=margin:20px; dl dtHTML/dt ddWeb page mark up language./dd /dl /body /html ⽔平定义列表 在dl 中并排排列术语和说明。像默认的dl 那样开始堆叠，但是是在导航条扩展 时。 !DOCTYPE HTML html head link href=//www .w /statics/plugins/bootstrapold/css/bo /head body style=margin:20px; dl class=dl-horizontal dtHTML/dt ddWeb page mark up language./dd /dl /body /html 有序列表 顺序明确重要的项⽬列表。 !DOCTYPE HTML html head link href=//www .w /statics/plugins/bootstrapold/css/bo /head body style=margin:20px; ol liJava/li liCSS/li liHTML/li liBootstrap/li liHTML5/li liCSS /li /ol /body /html 要从列表项中删除默认样式，请将类.list-unstyled应⽤于ul或ol元素。 例⼦ .list-unstyled类仅从作为ul或ol元素的直接⼦项的列表项中删除默认列表样式和左 侧填充。 !DOCTYPE html html lang=en head link rel=stylesheet href=/boots style type=text/css .bs-example{ margin: 20px; } /style /head body div class=bs-example h2Unstyled Unordered List/h2 ul class=list-unstyled liCSS/li liWeb ul liHTML5/li liCSS /li /ul /li liSQL/li liJava/li /ul hr h2Unstyled Ordered List/h2 ol class=list-unstyled liJavascript/li liOracle ol liPl/SQL/li liServer/li /ol /li liClient/li liMessage/li /ol /div /body /html ⽆序列表 其中顺序没有明显影响的项⽬列表。 !DOCTYPE HTML html head link href=//www .w /statics/plugins/bootstrapold/css/bo /head body style=margin:20px; ul liJava/li liCSS/li liHTML/li liBootstrap/li