bootstrap выпадающее меню устанавливает отображение: нет при свертывании

Question

У меня есть выпадающее меню в бутстрапе. Когда я нажимаю на свой элемент, он показывает раскрывающийся список, и когда я нажимаю, он сбрасывает раскрывающееся меню. Тем не менее, когда я нажимаю элемент, также ящики, я проверял, и он получает отображение: none set. Почему это происходит?

Это мой список

<ul class="menu nav navbar-nav"> 
<li class="" id="current"> 
    <a class="" href=""> Nyheter</a> 
</li> 
<li class=""> 
    <a class="" href="">test</a> 
</li> 
<li class=""> 
    <a class="" href="">Schema</a> 
</li> 
<li class=" dropdown"> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="/info">Info </a> 
    <ul class="dropdown-menu"> 
     <li class=""> 
      <a class="" href="/info/checklista">Checklista</a> 
     </li> 
     <li class=""> 
      <a class="" href="/info/laenkar"> Länkar</a> 
     </li> 
     <li class=""> 
      <a class="" href="asd"> test2</a> 
     </li> 
    </ul> 
</li> 
<li class=""> 
    <a class="" href="/bilder"> Bilder </a> 
</li> 
<li class=""> 
    <a class="" href="/kontakt"> Kontakt </a> 
</li> 

Answer 1

Demo

<nav id='myNavbar' class='navbar navbar-default' role='navigation'> 
    <!-- Brand and toggle get grouped --> 
    <div class='container'> 

    <!-- you are missing this part below --> 

     <div class='navbar-header'> 
      <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1'> 
       <span class='sr-only'>Toggle navigation</span> 
       <span class='icon-bar'></span> 
       <span class='icon-bar'></span> 
       <span class='icon-bar'></span> 

      </button> <a class='navbar-brand' href='#'>Menu</a> 

     </div> 


     <!-- Collect the nav links, forms, and other content for toggling --> 

     <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'> 
      <ul class="menu nav navbar-nav"> 
       <li class="" id="current"> <a class="" href=""> Nyheter</a> 

       </li> 
       <li class=""> <a class="" href="">test</a> 

       </li> 
       <li class=""> <a class="" href="">Schema</a> 

       </li> 
       <li class=" dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="/info">Info </a> 

        <ul class="dropdown-menu"> 
         <li class=""> <a class="" href="/info/checklista">Checklista</a> 

         </li> 
         <li class=""> <a class="" href="/info/laenkar"> Länkar</a> 

         </li> 
         <li class=""> <a class="" href="asd"> test2</a> 

         </li> 
        </ul> 
       </li> 
       <li class=""> <a class="" href="/bilder"> Bilder </a> 
       </li> 
       <li class=""> <a class="" href="/kontakt"> Kontakt </a> 
       </li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
</nav>