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,实现了列表水平
显示的效果。