Javascript 当我在手机上打开网站时，导航栏并没有崩溃

这种情况很奇怪。当我在小屏幕上打开我的网站（建立在bootstrap上）时，导航栏是可见的，但它应该是折叠的。当我点击按钮折叠时，它仍然可见，当我第二次点击时，它刚刚是折叠。从那以后，它工作得很好。但当我重新加载页面时，我仍然有这个问题

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

---

将类

折叠在
类中添加到
nav
元素中。这样，它仍然可以在手机上看到，但按钮的工作方式与预期相同。如果您仅将
折叠
应用为类，并将
aria expanded
设置为
false
，则它在手机上不可见（但很可能在正常视图中也不可见）




将类
折叠在
类中添加到
nav
元素中。这样，它仍然可以在手机上看到，但按钮的工作方式与预期相同。如果您仅将
折叠
应用为类，并将
aria expanded
设置为
false
，则它在手机上不可见（但很可能在正常视图中也不可见）




谢谢。但是，有什么简单的解决方案可以让桌面上的菜单在手机被隐藏时可见吗？请在这里检查答案：谢谢。但是，有什么简单的解决方案可以使桌面上的菜单在手机处于隐藏状态时可见吗？请在此处查看答案：
<div class="container nbar collapse in" aria-expanded="true">
     <ul class="nav nav-justified">
         <!-- li's here -->  
     </ul>
</div>