2017-09-08 3 views
1

부트 스트랩이있는 드롭 다운 바를 구현하려고하는 코드 조각이 있습니다. 부트 스트랩 웹 사이트에서 직접이 코드를 복사했지만 바가 열리지 않습니다. 어떤 생각이 잘못된 것일까 요?부트 스트랩 드롭 다운이 열리지 않음

   <div class="row"> 
       <div class="col-sm-1"> 
      <div class="dropdown"> 
       <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
       Dropdown 
       <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li role="separator" class="divider"></li> 
       <li><a href="#">Separated link</a></li> 
       </ul> 
      </div> 
       </div> 
       </div> 
+1

그 동작은 부트 스트랩에서 스타일과 스크립트에 의존합니다. 귀하의 페이지 어딘가에 포함되어 있습니까? – Digits

답변

0

나는 문제가 당신이하지 는 부트 스트랩 다운로드 있다고 생각합니다.

부트 스트랩을 다운로드하거나 CDN의 부트 스트랩을 포함 할 수 있습니다.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

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

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

을하지만 조심 : 당신은 그냥 쉽게 그것을 다운로드하지 않고 부트 스트랩에서 정보를 검색 할 경우, <head> 부분의 안쪽이 CDN을 넣어! 이 CDN은 인터넷 없이는 작동하지 않으므로 그 경우 부트 스트랩을 다운로드해야합니다. 문제가 해결되지 않은 경우

, 당신은 여기에 작동하는 부트 스트랩의 기본과 방법에 대한 자세한 내용을 읽을 수 있습니다 : https://www.w3schools.com/bootstrap/bootstrap_get_started.asp

+0

문제는 자바 스크립트 쿼리를 가져 오지 않았기 때문입니다. 이 스크립트를 가져 오는 즉시 메뉴가 작동했습니다. 고맙습니다! –

0

코드와 많은 잘못이있을 보이지 않는, 그냥 빈 페이지와 드롭 다운으로 시험을 가졌다는 작동하는 것 같군. 이드는 나머지 코드 내에 닫히지 않은 태그가 있는지 확인하려고합니다.

The Dropdown

+0

또한 코드에 부트 스트랩 4를 사용하고있었습니다. –

관련 문제