bootstrap 3 导航栏在移动设备上不折叠

Question

我在我的网站上放了一个折叠式导航栏。问题是在移动设备上导航栏没有折叠有什么问题？

<nav class="navbar navbar-inverse navbar-fixed-top">
  <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="#main"><?php bloginfo ('name') ?></a>
    </div>
    <div>
      <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#contact">צור קשר</a></li>
          <li><a href="#portfolio">פרויקטים</a></li>
          <li><a href="#services">שירותים</a></li>
          <li><a href="#about">אודות</a></li>
          <li><a href="#main">ראשי</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
</nav>

Answer 1

在您的代码中添加了一个 <ul><li> 错误。
删除它。那么你的代码就可以正常工作了。

bootstrap 3 导航栏在移动设备上不折叠

bootstrap 3 navbar not collapsing on mobile

navbar

twitter-bootstrap-3