式的列表:普通列表有序列表去点列表内联列表描述列表水平描述列表
接下来,我们一起来学习Bootstrap提供的这六种列表的使用方法。
列表去点列表
小伙伴们可以看到,在Bootstrap中默认情况下无序列表和有序列表是带有项目符号的,但在实际工作中很多时候,我们的列表是不需要这个编号的,比如说用无序列表做导航的时候。
fBootstrap为众多开发者考虑的非常周道,通过给无序列表添加一个类名“listu
styled”这样就可以去除默认的列表样式的风格。源码请查看bootstrapcss文件第580行第583行
listu
styledpaddi
gleft0liststyle
o
e
从示例中可以看出,除了项目编号之外,还将列表默认的左边内距也清0了。
列表内联列表
Bootstrap像去点列表一样,通过添加类名“listi
li
e”来实现内联列表,简单点说就是把垂直列表换成水平列表,而且去掉项目符号(编号),保持水平显示。也可以说内联列表就是为制作水平导航而生。源码查看bootstrapcss文件第584行第593行
listi
li
epaddi
gleft0margi
left5pxliststyle
o
elisti
li
elidisplayi
li
eblockpaddi
gright5pxpaddi
gleft5px
看个示例:
ulclass