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}