Bootstrap 列表

Bootstrap提供了6种形式的列表，分别是：普通列表、有序列表、去点列表、

内联列表、描述列表和水平描述列表。

(1).普通列表：

普通列表的使用方式和平时的用法一致，只有一点细微的差别：列表的margin-top为0。

(2).有序列表：

有序列表也是做了一些微调，看起来比原来默认的显示柔和了一些。

(3).去点列表：

去除列表项前的小圆点可以使用list-unstyled样式。用法举例为：<ul class="list-unstyled"></ul>

注意：去除圆点只是去除了当前元素节点下的 li 旁边的圆点，如果 li 元素里面还有嵌套的

ul或者ol，将不会对嵌套的起任何作用。

(4).内联列表：

Bootstrap定义了一个内联列表list-inline，也就是将列表项水平显示。其应用举例如下：

代码1：

<ul class="list-inline">
<li>国内</li><li>国际</li><li>体育</li><li>娱乐</li>
</ul>

其显示效果如下图1：

图1

(5).定义列表：

bootstrap对默认的dl定义列表进行了一些细微的调整，主要调整行间距和字体加粗。

(6).水平定义列表：

bootstrap提供了一个dl-horizontal样式，通过在dl元素上应用该class，实现了列表水平

显示的效果。