最近在用Bootstrap做一個項目的時候遇到一個問題,官網上只給的二級菜單的用法,但是實際運用肯定不止二級。 于是在網上看到一個第三方的工具:bootstrap-submenu,地址:https://github.com/vsn4ik/bootstrap-submenu
可以去下載源碼。
將bootstrap-submenu.js和bootstrap-submenu.css文件添加到項目中
在要實現多級導航的按鈕或a標簽中添加:
<a href="#" rel="external nofollow" class="data-toggle" data-toggle="dropdown" data-submenu>
主要是最后的submenu這個。
然后再JS里面:
$(function () { $('[data-submenu]').submenupicker(); });
這樣就可以了
以上所述是小編給大家介紹的Bootstrap多級菜單的實現代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。