本文实例为大家分享了Bootstrap CSS布局中的列表布局,供大家参考,具体内容如下
列表
普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-horizontalrush:xhtml;">
ul,ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,ol ul,ul ol,ol ol {
margin-bottom: 0;
}
普通列表ul li 有序列表ol li 去点列表class=”list-unstyled”
rush:css;">
//源码
.list-unstyled {
padding-left: 0;
list-style: none;
}
内联列表class=”list-inline”
li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
定义列表dl dt dd
rush:css;">
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
水平定义列表class=”dl-horizontal”