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>添加了错误 删除它。 然后你的代码工作正常。