本文实例为大家分享了Bootstrap CSS布局中的列表布局,供大家参考,具体内容如下
列表
普通列表ul li 有序列表ol li 去点列表.list-unstyled 内联列表.list-inline 定义列表dl dt dd 水平定义列表dl-horizontal普通列表ul li 有序列表ol li 去点列表class=”list-unstyled”
内联列表class=”list-inline”
li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
定义列表dl dt dd
水平定义列表class=”dl-horizontal”
显示省略符号来代表被修剪的文本
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
原文链接:https://www.f2er.com/bootstrap/43494.html