부트 스트랩 3 드롭 다운 메뉴가 드롭 다운되지 않음

Question

드롭 다운 메뉴가 "드롭 다운"되지 않습니다. 개정 링크를 통해 내가 마우스를 가져 가면

<div class = "nav"> 
       <ul class = "pull-left"> 
        <li><a class = "brand" href = "index.html">Go Back to Bryan's Corner</a></li> 
       </ul> 

       <ul class = "pull-right"> 
        <li class = "quick-selection">Quick Selection Menu:</li> 
        <li><a href = "#">What Is The Bill of Rights?</a></li> 

        <li class = "dropdown"> 
         <a href = "#" class = "dropdown-toggle" date-toggle = "dropdown">Amendments<strong class = "caret"></strong></a> 

         <ul class = "dropdown-menu"> 
          <li><a href = "1st Amendment"></a></li> 
          <li><a href = "2nd Amendment"></a></li> 
         </ul> 
        </li> 

       </ul>  
      </div> 

나는 그것이 드롭 다운하지 않는 말을

가, 내 말은, 그것이 나에게 선택할 수있는 더 많은 링크의 메뉴를 제공하지 않습니다 : 여기 내 코드입니다.

가 나는 자바 스크립트를 사용할 수있다 :

<!-- Latest compiled and minified JavaScript --> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 

Answer 1

내가 일부 구문 맞춤법 오류를 발견 (즉, 대신 data의 date) ... 트릭 할 것으로 보인다 :

HTML :

을

<div class = "nav"> 
    <ul class = "pull-left"> 
     <li><a class = "brand" href = "index.html">Go Back to Bryan's Corner</a></li> 
    </ul> 
    <ul class = "pull-right"> 
     <li class = "quick-selection">Quick Selection Menu:</li> 
     <li><a href = "#">What Is The Bill of Rights?</a></li> 
     <li class = "dropdown"><a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Amendments<strong class = "caret"></strong></a> 
      <ul class="dropdown-menu" role="menu"> 
       <li><a href = "1st Amendment">1st Amendment</a></li> 
       <li><a href = "2nd Amendment">2nd Amendment</a></li> 
      </ul> 
     </li> 
    </ul>  
</div> 

피들 :

http://jsfiddle.net/RaAQ5/

P .: 실제로는 role이 필요하지 않지만 부트 스트랩^_ ^에서는 일반적입니다.