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> 

see fiddle

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

Popular posts from this blog

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -

javascript - oscilloscope of speaker input stops rendering after a few seconds -