부트 스트랩에서 드롭 다운 메뉴가 작동하지 않습니다.

부트 스트랩으로 작은 드롭 다운 메뉴를 만들려고했지만 성공하지 못했습니다. 다음 코드입니다 :부트 스트랩에서 드롭 다운 메뉴가 작동하지 않습니다.

<ul class="nav navbar-nav"> 
       <li> 
        <a href="#">Text</a> 
       </li> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
        <ul class="dropdown-menu"> 
         <li><a href="logout.php">Logout</a></li> 
        </ul> 
       </li> 
</ul>

왜 작동하지 않는가? 감사.

출처

2017-05-23 Web O

는 당신이 dropdown.js 포함해야합니까? 콘솔에서 무엇을 볼 수 있습니까? – tech2017

개발자 도구에 오류가 있습니까? 누락 된 js? 아니면? – threeFatCat

@tech_Love 정규 js가 포함되어 있습니다. 드롭 다운 jquery 파일이 아닙니다. 하나를 찾거나 내가 필요한 곳을 찾지 못하기 때문입니다. 방금 http://getbootstrap.com/components/#nav-dropdowns에서 가져 왔으며 dropdown.js 파일을 추가하는 방법에 대한 정보는 없습니다 –

jQuery, bootstrap.js 및 bootstrap.css를로드했는지 확인하십시오.

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

바이올린 : https://jsfiddle.net/0z36747j/

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
 

 
<ul class="nav navbar-nav"> 
 
    <li> 
 
    <a href="#">Text</a> 
 
    </li> 
 
    <li class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="logout.php">Logout</a></li> 
 
    </ul> 
 
    </li> 
 
</ul>

출처

2017-05-23 18:44:06 Anders

부트 스트랩에서 드롭 다운 메뉴가 작동하지 않습니다.

답변

관련 문제