ブートストラップドロップダウンメニューの閉じるボタンを追加

Question

私はブートストラップで新しく、ドロップダウンメニューにクローズボタンを追加する方法を知りたいと思います。

デフォルトのブートストラップレスポンスの代わりにメニューを切り替えるか、「no submenu items items」をクリックすると、クローズボタンを追加してそれをトグルする必要があります。 閉じるボタンの必須メニューとそのサブメニューの両方に行き、「絵と閉じるアイコンの位置を参照してください」

Screenshot

コードは、ドロップダウンメニュー項目」で働いていますと、 『マガジン』と「旅行ですソロはサブメニュー項目です "：http://www.bootply.com/qYOW7v2DcM

何か提案がありがとうございます！あなたのhtmlの初めに

Answer 1

、特にこのライン：

<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> 

これが役立つかどうかを教えてください。