国产chinesehdxxxx野外,国产av无码专区亚洲av琪琪,播放男人添女人下边视频,成人国产精品一区二区免费看,chinese丰满人妻videos

Bootstrap的去點列表

2018-09-08 11:59 更新

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


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

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


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


從示例中可以看出,除了項目編號之外,還將列表默認(rèn)的左邊內(nèi)距也清0了。

bootstrap
具體使用,我們來看示例:


<!--無序列表去點-->
<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>

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號