Twitter bootstrap 3 Bootstrap 3.2：菜单按钮出现在resize上，但不'；不要显示链接_Twitter Bootstrap 3_Navbar_Collapse

Twitter bootstrap 3 Bootstrap 3.2：菜单按钮出现在resize上，但不'；不要显示链接

twitter-bootstrap-3

Twitter bootstrap 3 Bootstrap 3.2：菜单按钮出现在resize上，但不'；不要显示链接,twitter-bootstrap-3,navbar,collapse,Twitter Bootstrap 3,Navbar,Collapse,我使用的是Bootstrap3.2的默认导航栏。向下调整窗口的大小时，折叠会起作用，但在单击按钮时，该按钮不会显示链接。这就是我到目前为止所拥有的： <body> <div class="mainHeader"> <div class="container"> <nav class="navbar navbar-default" role="navigation"> <div class="nav

我使用的是Bootstrap3.2的默认导航栏。向下调整窗口的大小时，折叠会起作用，但在单击按钮时，该按钮不会显示链接。这就是我到目前为止所拥有的：

<body>
<div class="mainHeader">
    <div class="container">
        <nav class="navbar navbar-default" role="navigation">
           <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Bootstrap Test</a>
            </div>

             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">enlace1</a></li>
                    <li><a href="#">enlace2</a></li>
                    <li><a href="#">enlace3</a></li>                    
               </ul>           
            </div><!-- /.navbar-collapse -->
         </nav>
    </div>
</div>

<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
</body>


切换导航

有什么想法吗？提前谢谢。

你必须验证你的标签。你有一个额外的DIV，我已经试过了，效果很好

    <body>
      <div class="mainHeader">
<div class="container">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Bootstrap Test</a>
      </div>
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">enlace1</a></li>
                <li><a href="#">enlace2</a></li>
                <li><a href="#">enlace3</a></li>                    
           </ul>           
        </div><!-- /.navbar-collapse -->
     </nav>
</div>
</div>

<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
</body>


切换导航

更新

您必须考虑在<强> Nav< <强>标签下添加<代码> <代码>，如更新的代码！ 更新2

您必须检查bootstrap3所需的jQuery最低版本。嗯，缺少DIV:p，但修复了按钮仍然无法工作的问题。我刚刚注册。我仍然无法登录。@sergio我已经更新了答案和代码！，您不必登录到bootply来测试您的代码，我在bootply中测试了它，并作为一个符咒运行，但仍然不会在本地运行。我将重新启动…在bootply中运行完全相同的代码，但不是在这里。我测试了几个浏览器。我确实测试了一个放在桌面和localhost中的版本。