第九篇Bootstrap導(dǎo)航菜單創(chuàng)建步驟詳解
創(chuàng)建一個(gè)標(biāo)簽式的導(dǎo)航菜單的步驟是:
•在ul標(biāo)簽上加上class nav
•再u(mài)l標(biāo)簽上加上 class .nav-tabs。
在li標(biāo)簽上加上 active表示激活該項(xiàng)
<ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li><a href="#">Java</a></li> <li><a href="#">PHP</a></li> </ul>
創(chuàng)建一個(gè)膠囊式標(biāo)簽只需要把 nav-tabs改成:nav-pills.
<ul class="nav nav-pills"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a></li> <li><a href="#">iOS</a></li> <li><a href="#">VB.Net</a></li> <li><a href="#">Java</a></li> <li><a href="#">PHP</a></li> </ul>
以上所述是小編給大家介紹的第九篇Bootstrap導(dǎo)航菜單創(chuàng)建步驟詳解的全部敘述,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
如何使用Bootstrap的modal組件自定義alert,confirm和modal對(duì)話框
本文我將為大家介紹Bootstrap中的彈出窗口組件Modal,此組件簡(jiǎn)單易用,效果大氣漂亮且很實(shí)用,感興趣的朋友一起學(xué)習(xí)吧2016-03-03Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了Jjcarousellite 實(shí)現(xiàn)圖片列表滾動(dòng)的簡(jiǎn)單實(shí)例,有需要的朋友可以參考一下2013-11-11JS實(shí)現(xiàn)移動(dòng)端點(diǎn)擊按鈕復(fù)制文本內(nèi)容
本文通過(guò)實(shí)例代碼給大家介紹了移動(dòng)端點(diǎn)擊按鈕復(fù)制文本內(nèi)容 ,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07JavaScript變量中var,let和const的區(qū)別
這篇文章主要介紹了JavaScript變量中var,let和const的區(qū)別,JavaScript中一共有3種用來(lái)聲明變量的關(guān)鍵字,分別是var、let和const,文章通過(guò)圍繞主題展開(kāi)對(duì)三個(gè)關(guān)鍵詞的詳細(xì)介紹,需要的朋友可以參考一下2022-09-09動(dòng)態(tài)加載js、css等文件跨iframe實(shí)現(xiàn)
這篇文章主要介紹了動(dòng)態(tài)加載js、css等文件跨iframe實(shí)現(xiàn)的方法,需要的朋友可以參考下2014-02-02JavaScript如何實(shí)現(xiàn)對(duì)數(shù)字保留兩位小數(shù)一位自動(dòng)補(bǔ)零
本文給大家介紹基于JavaScript如何實(shí)現(xiàn)對(duì)數(shù)字保留兩位小數(shù)一位自動(dòng)補(bǔ)零的實(shí)例代碼,代碼簡(jiǎn)單易懂,感興趣的朋友一起學(xué)習(xí)吧2015-12-12簡(jiǎn)單聊聊JavaScript的事件循環(huán)機(jī)制
前端開(kāi)發(fā)的童鞋應(yīng)該都知道,JavaScript是一門(mén)單線程的腳本語(yǔ)言,這就意味著JavaScript 代碼在執(zhí)行的時(shí)候,只有一個(gè)主線程來(lái)執(zhí)行所有的任務(wù),同一個(gè)時(shí)間只能做同一件事情,這篇文章主要給大家介紹了關(guān)于JavaScript事件循環(huán)機(jī)制的相關(guān)資料,需要的朋友可以參考下2022-03-03