在bootstrap3的官方說明文件中，對於導航欄的下拉選單選項，只介紹了二級下拉導航，這種侷限性怎麼可以忍，

如果不想要第三方工具解決問題，可以通過單擊事件對導航選項的標籤屬性進行頻繁修改，再引入第三方css檔案

即可解決，但這種操作標籤屬性的方法實在是low要是需求再多加幾級導航，後果不能想象。

在此推薦一個第三方工具bootstrap-submenu，連結：https://github.com/vsn4ik/bootstrap-submenu

裡面有相關原始碼和js,css檔案，工具的好處不用說，擴充套件性好，支援無限級導航欄下拉，樣式也都是使用的bootstrap框架

具體用法：

Step1: 下載完成後將bootstrap-submenu.js和bootstrap-submenu.css檔案新增到專案中，並在html頁面引入

Step2: 在要實現多級導航的按鈕或a標籤中新增：

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

重點是最後的data-submenu，這是html程式碼使用工具的“介面”

Step3: 在寫一段js程式碼:

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

最後，就點開恁們的頁面欣賞吧。。。

參考網站：https://vsn4ik.github.io/bootstrap-submenu/

只是說說自己對於工具的用法，不含技術問題，因為原始碼這種東西。。。呵呵

還是那句廣告：

由於本人新手一枚，只是有以上簡單方法，歡迎大牛們多給寶貴意見，不喜勿噴！！！

如果有效，請給個贊，大家的鼓勵就是我持續更新的動力