데이터 토글 붕괴가 작동하지 않습니다.

Question

버튼을 클릭하면 내 navbar를 숨기고 표시하고 싶습니다. 이렇게하려면 데이터 토글을 사용합니다. DIV에서

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> 

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
<link href='https://fonts.googleapis.com/css?family=Lato|Source+Sans+Pro' rel='stylesheet' type='text/css'> 

<!-- Latest JQuery --> 
<!--<script src="http://code.jquery.com/jquery-latest.js"></script>--> 


<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<div class="navbar-header"> 
    <!-- Hamburger navigation --> 
    <button data-target="#navbar-collapse-02" data-toggle="collapse" class="navbar-toggle" type="button"> 
     <i class="glyphicon glyphicon-menu-hamburger"></i> 
    </button> 
</div> 

<div id="navbar-collapse-02" class="collapse navbar-collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="active propClone" id="accueil">Accueil</li> 
     <li class="propClone" id="aPropos">A propos</li> 
     <li class="propClone" id="devis">Devis</li> 
     <li class="propClone" id="contact">Contact</li> 
    </ul> 
</div> <!-- /.navbar-collapse --> 

Answer 1

제거 클래스 navbar-collapse : 나는 템플릿에서 일하고 있어요

, 나는 여기에

내 코드입니다 ... 그것이 작동하지 않는 이유라고 생각합니다. 단순히 collapse in 클래스가이 작업을 수행합니다. 또한 class="navbar-toggle" 클래스를 button에서 삭제하십시오.

<button data-target="#navbar-collapse-02" data-toggle="collapse" type="button"> 
     <i class="glyphicon glyphicon-menu-hamburger"></i> 
    </button> 

<div id="navbar-collapse-02" class="collapse in"> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="active propClone" id="accueil">Accueil</li> 
     <li class="propClone" id="aPropos">A propos</li> 
     <li class="propClone" id="devis">Devis</li> 
     <li class="propClone" id="contact">Contact</li> 
    </ul> 
</div> 

Answer 2

어떤 점에서 문제가 해결되지 않습니까? 실수로 다른 블록에 같은 ID를 할당하지 않았는지 확인하고 여기에서 변경을 예상하십시오.

난 당신이 아이디 아이디 =와 DIV에서 "-붕괴 네비게이션 바"제거해야한다고 생각 "- 붕괴-02 네비게이션 바"

참조 : http://getbootstrap.com/javascript/#collapse