ブートストラップ3：他をクリックするとnavbarドロップダウンメニューが消えない

Question

私は右にドロップダウンメニューが1つあるnavbarを持っています。モバイルで、トグルボタン（3つのバー）をクリックするとメニューが表示され、アイコンが消えます。

問題は、ページ上の他の場所（例：ダミーテキスト）をクリックするとメニューが消え、アイコンがまだ隠されていることです。

この問題を解決するにはどうすればよいですか？

例がで提供されています：https://jsfiddle.net/2eqd8wra/

Thank you for your answers 

Answer 1

私の問題は私がoutsidクリックするとdynamiclyドロップダウンメニューを閉じるにしたいということでしたEナビゲーションバーは、私が

$('#main-container').click(function (event) { 

var _opened = $(".navbar-collapse").hasClass("navbar-collapse") && $(".navbar-collapse").hasClass("in"); 
if (_opened === true && !($(event.target).hasClass("navbar-toggle"))) { 
    $("button.navbar-toggle").click(); 
} 
}); 

jqueryの機能を追加することで、この問題を解決することができました。この機能は、ナビゲーションバーのボタンをクリックをトリガし、それは私を助けようとしたすべての人のための

おかげで私の問題を解決し

Answer 2

.....問題は、私はページ（例：ダミーテキスト）上の他の場所をクリックしたときで、メニューが消え、アイコンがまだ隠されています.....

をw3schoolを参照することにより、このコードを使用し、それが問題を解決します：

<nav class="navbar navbar-inverse"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span>       
      </button> 
      <a class="navbar-brand" href="#"> My Brand</a> 
      </div> 
      <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav"> 
       <li class="active"><a href="#">Home</a></li> 
       <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a> 
       <ul class="dropdown-menu"> 
        <li><a href="#">Page 1-1</a></li> 
        <li><a href="#">Page 1-2</a></li> 
        <li><a href="#">Page 1-3</a></li> 
       </ul> 
       </li> 
       <li><a href="#">Page 2</a></li> 
       <li><a href="#">Page 3</a></li> 
      </ul> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li> 
       <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> 
      </ul> 
     </div> 
     </div> 
    </nav>