html - Bootstrap dropdown not working inside Horizontal description -
i'm trying display dropdown menu inside horizontal description dropdown menu doesn't toggle.
<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>
why isn't dropdown menu opening? there way make works ?
just have set dropdown relative position
fiddle : https://jsfiddle.net/dtchh/8690/
code :
.dropdown-menu{position:relative}
Comments
Post a Comment