Bootstrap在下拉菜單中添加關閉按鈕

Question

我是Bootstrap中的新手，我想知道如何在下拉菜單中添加關閉按鈕。

而不是默認的Bootstrap響應來切換菜單，一旦我們點擊它的外部或當我們點擊'沒有子菜單項目'我想添加一個關閉按鈕並使其負責切換它。 關閉按鈕必須是雙向的菜單和子菜單「看到畫面和關閉圖標的位置」

Screenshot

的代碼我在「下拉菜單項工作是‘雜誌’和「旅遊獨奏'是子菜單項「：http://www.bootply.com/qYOW7v2DcM

任何建議，將不勝感激！

Answer 1

在HTML的開始，特別是這一行：

<ul class="dropdown-menu"> 

你可以加入這一行作出x關閉按鈕。

<button type="button" class="close">&times;</button> 

甚至把按鈕在自己<li></li>元素，像這樣：

<ul class="dropdown-menu"> 
    <li><button type="button" class="close">&times;</button></li> 

然後在子菜單的，您可以使用相同的概念。

<li class="menu-item dropdown dropdown-submenu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">TRAVEL SOLO <i class="fa fa-play" aria-hidden="true"></i></a> 
    <ul class="dropdown-menu"> 
     <li><button type="button" class="close">&times;</button></li> 

讓我知道是否有幫助。