부트 스트랩 3의 드롭 다운 메뉴를 재현 할 수 없습니다

-2

부트 스트랩 3에 들어가는 동안 나는 여기처럼 간단한 드롭 다운 메뉴를 만들려고했습니다 : http://getbootstrap.com/components/#navbar.부트 스트랩 3의 드롭 다운 메뉴를 재현 할 수 없습니다

내 코드 :

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link rel="stylesheet" href="css/bootstrap.css"> 
</head> 
    <body> 
     <nav class="navbar navbar-default" role="navigation"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">Name</a> 
     </div> 
     <div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <ul class="nav navbar-nav"> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         Dropdown<b class="caret"></b> 
        </a> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Action</a></li> 
         <li><a href="#">Action</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
     </nav> 
    <script src="dist/js/bootstrap.js"></script> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    </body> 
</html>

모든 것은 괜찮지 만, 아무것도 아래로 떨어 없습니다! 나는 그것을 고칠 수 있는지 궁금하다. 어떻게? 아니면 그냥 부트 스트랩의 버그일까요?

출처

2013-09-05 Nervosa

스크립트 정의 순서를 변경하십시오. 먼저 부하 JQuery와 스크립트 다음 bootstrap.js

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="dist/js/bootstrap.js"></script>

Js Fiddle Demo

출처

2013-09-05 08:19:07 Sachin

WOW! 이제 작동합니다! =) 정말 고마워요! – Nervosa

정확히, 이것이 문제입니다. 또한 개발 환경에서도 jquery-latest.js를 절대 참조하지 마십시오. 당신은 문제를 요구하고 있습니다. @Nervosa –

Ryan, 그러지 마요. – Nervosa

부트 스트랩 3의 드롭 다운 메뉴를 재현 할 수 없습니다

답변

관련 문제