Bootstrap导航栏折叠良好,但不会在较大的屏幕上显示

时间:2017-08-11 13:39:41

标签: twitter-bootstrap-3 navbar

我的代码工作正常,但我决定添加一个汉堡按钮,现在我有一个问题。

按钮工作正常,但当我的屏幕大于断点时,我的屏幕上没有显示导航。我确定这是丢失标签或其他东西的问题,但我无法看到它并可以使用一些帮助。我有jQuery和Bootstrap 3和CSS加载。

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-
toggle="collapse" data-target="#collapsemenu" aria-expanded="false">
      <span class="src-only">Menu</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
          </button>
       <a class="navbar-brand" href="#">LORI</a>
     </div>
<div class="collapse navbar collapse" id="collapsemenu">
  <ul class="nav navbar-nav">
      <li><a href="#about">ABOUT</a></li>
      <li><a href="#portfolio">PORTFOLIO</a></li>
      <li><a href="#contact">CONTACT</a></li>
  </ul>
  </div>
   </div>       

</nav>

0 个答案:

没有答案