Bootstrap的去點列表

通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格

在Bootstrap中默認情況下無序列表和有序列表是帶有項目符號的，但在實際工作中很多時候，我們的列表是不需要這個編號的，比如說用無序列表做導航的時候。

Bootstrap為眾多開發(fā)者考慮的非常周道，通過給無序列表添加一個類名“.list-unstyled”,這樣就可以去除默認的列表樣式的風格。
/*源碼請查看bootstrap.css文件第580行~第583行*/


.list-unstyled {
padding-left: 0;
list-style: none;
}

從示例中可以看出，除了項目編號之外，還將列表默認的左邊內距也清０了。

<!--無序列表去點-->
<ul>
    <li>
    項目列表
        <ul>
        <li>帶有項目符號</li>
        <li>帶有項目符號</li>
        </ul>
    </li>
    <li>
    項目列表
        <ul class="list-unstyled">
        <li>不帶項目符號</li>
        <li>不帶項目符號</li>
        </ul>
    </li>
    <li>項目列表</li>
</ul>
<!--有序列表去序號-->
<ol>
    <li>
    項目列表
        <ol>
        <li>帶有項目編號</li>
        <li>帶有項目編號</li>
        </ol>
    </li>
    <li>
    項目列表
        <ol class="list-unstyled">
        <li>不帶項目編號</li>
        <li>不帶項目編號</li>
        </ol>
    </li>
    <li>項目列表</li>
</ol>