关于bootstrap--列表（olul）

Posted 怪咖咖

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了关于bootstrap--列表（olul）相关的知识，希望对你有一定的参考价值。

1、在<ol>(有序列表)</ol><ul>(无序列表)</ul>中加入class="list-styled"将前面的数字和符号去掉，bootstrap样式为：

.list-unstyled 

{

　　padding-left: 0;

　　list-style: none;

}

2、在<ol>(有序列表)</ol><ul>(无序列表)</ul>中加入class="list-inline"变为横向列表，主要用作导航栏，bootstrap样式为：

.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}

以上是关于关于bootstrap--列表（olul）的主要内容，如果未能解决你的问题，请参考以下文章