當我在移動引導導航欄中打開網站時，系統不會崩潰

Question

這種情況很奇怪。 當我在小屏幕上打開我的網站（基於引導程序）時，可以看到navbar，但是它應該是折疊的。 當我單擊按鈕以折疊時，它仍然可見，而當我第二次單擊時，它才是折疊。 既然如此，它就很好。 但是，當我重新加載頁面時，仍然存在此問題。

       <div class=container>                       
      <!--MENU-->
<nav  style="border-bottom:1px solid #000;">
            <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed menu_button" data-toggle="collapse" data-target=".nbar" aria-expanded="false">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
    </div>
      <div class="container nbar">
        <ul class="nav nav-justified">
          <li><a href=#>o nas</a></li>
          <li><a href=#>galeria</a></li>
          <li><a href=#>blog</a></li>
          <li><a href=#>kontakt</a></li>
        </ul>
      </div>
</nav>

Answer 1

將類collapse in的類collapse in添加到nav元素。 這樣，它仍將在移動設備上可見，但按鈕將按預期工作。 如果您僅應用collapse作為類，並將aria-expanded設置為false則它將在移動設備上不可見（但很可能在普通視圖中也不可見）。

<div class="container nbar collapse in" aria-expanded="true">
     <ul class="nav nav-justified">
         <!-- li's here -->  
     </ul>
</div>