Question

当您设置导航栏移动屏幕尺寸时，右上角的3行不起作用。有什么理由吗？谢谢。我改变方面时使用谷歌浏览器。 JS和BootStrap版本都匹配，v3.0.3。

        <div class="navbar-wrapper">
  <div class="container">
    <div class="navbar navbar-inverse navbar-static-top">

        <div class="navbar-header">
        <a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="navbar-brand" href="">MC.FastFoodCraft.COM</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#top">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#rules">Rules</a></li>
            <li><a href="/#donate">Donate</a></li>
            <li class="dropdown">
              <a href="" name="servers" class="dropdown-toggle" data-toggle="dropdown">Servers <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#factions">Factions</a></li>
                <li><a href="#teampvp">TeamPvP</a></li>
                <li><a href="#skywars">SkyWars</a></li>
                <li><a href="#prison">Prison</a></li>
                <li><a href="#hub">Hub</a></li>
              </ul>
              <li><a href="/bans">Bans</a></li>
              <li><a href="/vote">Vote</a></li>
              <li><a href="/forum">Forums</a></li>
            </li>
          </ul>
        </div>

    </div>
  </div><!-- /container -->
</div><!-- /navbar wrapper -->

谢谢-FRED

Answer 1

我认为问题是这个

    <a class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">

将其改为此

   <a class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

Mobile Bootstrap导航无法正常工作

1 个答案: