最近在用Bootstrap做一個(gè)項(xiàng)目的時(shí)候遇到一個(gè)問題，官網(wǎng)上只給的二級菜單的用法，但是實(shí)際運(yùn)用肯定不止二級。 于是在網(wǎng)上看到一個(gè)第三方的工具：bootstrap-submenu，地址：https://github.com/vsn4ik/bootstrap-submenu
可以去下載源碼。

創(chuàng)新互聯(lián)公司主營昌都網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,APP應(yīng)用開發(fā),昌都h5成都小程序開發(fā)搭建,昌都網(wǎng)站營銷推廣歡迎昌都等地區(qū)企業(yè)咨詢

將bootstrap-submenu.js和bootstrap-submenu.css文件添加到項(xiàng)目中

在要實(shí)現(xiàn)多級導(dǎo)航的按鈕或a標(biāo)簽中添加：

<a href="#" rel="external nofollow" class="data-toggle" data-toggle="dropdown" data-submenu>

主要是最后的submenu這個(gè)。

然后再JS里面：

$(function () {
 $('[data-submenu]').submenupicker();
});

這樣就可以了

以上所述是小編給大家介紹的Bootstrap多級菜單的實(shí)現(xiàn)代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！

文章標(biāo)題：Bootstrap多級菜單的實(shí)現(xiàn)代碼
當(dāng)前鏈接：http://chinadenli.net/article10/ppeido.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、動(dòng)態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)