Bootstrap下拉菜單不起作用水平描述

Question

我試圖在horizontal description內顯示下拉菜單，但下拉菜單不會切換。

<div class="container-fluid"> 
    <div class="row vertical-align"> 
    <dl class="dl-horizontal"> 
     <dt> 
     <div class="dropdown"> 
      <button type="button" class="btn btn-default btn-block dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Le panneau latéral <span class="caret"></span></button> 
      <ul class="dropdown-menu" role="menu"> 
      <li><a href="#" role="menuitem">test1</a></li> 
      <li><a href="#" role="menuitem">test2</a></li> 
      </ul> 
     </div> 
     </dt> 
     <dd>Le panneau latéral est composé de différentes sections dynamiques qui se mettent à jour automatiquement en fonction des objets sélectionnés dans la carte. Ces sections sont: l'outil de recherche qui permet de déplacer la carte sur un objet géographique en particulier, la zone graphique, le gestionnaire de couches, l'outil information, le constat, et la légende de la carte.</dd> 
    </dl> 
    </div> 
</div> 

See My Fiddle

爲什麼不是下拉菜單中開啓？有沒有辦法讓它工作？

Answer 1

只是要下拉設置爲相對位置

小提琴：https://jsfiddle.net/DTcHh/8690/

代碼：

.dropdown-menu{position:relative}