2016-11-28 2 views
1

내 웹 사이트에 접히는 navbar를 넣습니다. 문제는 모바일에서 navbar가 접히지 않습니다. 무엇이 문제입니까?부트 스트랩 3 navbar가 모바일에서 접히지 않습니다

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

이 html 마크 업은 부트 스트랩 js 전에 jquery를로드했는지, 그리고 사용한 경우 사용중인 jquery의 버전이 올바른지 확인합니다. –

답변

0

코드에서 <ul><li> 실수를 추가했습니다.
삭제하십시오. 그러면 코드가 올바르게 작동합니다.

관련 문제