爲什麼我的下拉菜單不起作用？

Question

我無法得到這個工作！ 我試着搞亂了boostrap源碼，經歷了其他問題，並在stackoverflow下拉了jsfiddle，並沒有在那裏工作。

非常感謝！歡呼聲

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

    <div class="dropdown"> 
    <button class="btn btn-info dropdown-toggle btn-md" type="button" id="dropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Dropdown</button> 

    <ul class="dropdown-menu" role="menu"> 
    <li class="dropdown-header">DropHeader</li> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 

    <li role="seperator" class="divider"></li> 
    <li class="dropdown-header">DropOtherHeader</li> 

    <li><a href="#">Link 4</a></li> 
    <li><a href="#">Link 5</a></li> 
    </ul> 
</div> 

Answer 1

您需要包含JS腳本。

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

Answer 2

試試看看這個代碼。你沒有包含JS文件。

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

 
    <div class="dropdown"> 
 
    <button class="btn btn-info dropdown-toggle btn-md" type="button" id="dropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Dropdown</button> 
 

 
    <ul class="dropdown-menu" role="menu"> 
 
    <li class="dropdown-header">DropHeader</li> 
 
    <li><a href="#">Link 1</a></li> 
 
    <li><a href="#">Link 2</a></li> 
 
    <li><a href="#">Link 3</a></li> 
 

 
    <li role="seperator" class="divider"></li> 
 
    <li class="dropdown-header">DropOtherHeader</li> 
 

 
    <li><a href="#">Link 4</a></li> 
 
    <li><a href="#">Link 5</a></li> 
 
    </ul> 
 
</div>