2017-09-08 44 views
1

我有這段代碼,我試圖用bootstrap實現一個下拉條。我直接從bootstrap網站複製了這段代碼,但是欄並未打開。任何想法可能會有什麼問題嗎?引導程序下拉列表不打開

   <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引導引導程序。如果你只是想更容易,而無需下載它檢索引導信息,把這個CDN<head>段內:

<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> 

但是留意這個!由於這個CDN在沒有互聯網的情況下無法正常工作,因此您需要在該場合下載bootstrap。

如果沒有工作,你可以瞭解更多關於自舉的基礎知識,以及如何在這裏工作:https://www.w3schools.com/bootstrap/bootstrap_get_started.asp

+0

問題是我沒有導入javascript查詢。只要我導入這些腳本,菜單就會工作。謝謝! –

0

有不看太大你的代碼錯誤,我只是有一個測試空白頁面,你的下拉似乎是工作。編號建議查看您的代碼的其餘部分是否有任何未關閉的標籤。

The Dropdown

+0

此外,我爲您的代碼使用Bootstrap 4。 –