bootstrap导航栏崩溃图标不触发在codepen

我已经构建了一个codepen上的引导程序导航栏，它为移动折叠并显示一个图标栏，单击时应展开菜单，但菜单不会在单击时展开。谁能告诉我我做错了什么？bootstrap导航栏崩溃图标不触发在codepen

我已经在CSS页面上启用了bootstrap，在Javascript页面上启用了jquery和bootstrap。

这里的链接到codepen：http://codepen.io/bonfirehead/pen/xVxRxq

预先感谢您的帮助！

<div class="container-fluid"> 

    <div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="container"> 


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

     <div class="collapse navbar-collapse" id="myNavBar"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li><a href="#">Portfolio</a></li> 
      <li><a href="#">CV</a></li> 
      <li><a href="#">Contact</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
    </nav> 

    <div class="row"> 
    <div class="column-xs-6 background1"> 
    </div> 



    <h2 class="background2 nopadding text-center"></h2> 
    </p> 
    </div> 
</div> 

<div class="column-xs-6"> 
</div> 
</div>

来源

2016-02-28 bonfirehead

我无法在codepen或codeply上重现错误 - 单击它时，导航栏上的移动样式下拉菜单正确显示。

这就是说，在第24行，你有一个关闭</nav>标记，但缺少开始标记。在第32行，您有一个未打开的</p>标记，并且在第37行上有一个未打开的</div>。过去我曾经看到，当涉及到这样的事情时，HTML可能会有些挑剔，所以请尝试纠正这些问题，看看是否可以解决您的问题。

来源

2016-02-28 09:56:13

我根据您的建议修正了HTML，现在工作正常。非常感谢你的帮助。非常感激！！ – bonfirehead

bootstrap导航栏崩溃图标不触发在codepen

回答

相关问题