html - Bootstrap dropdown menu submenu not working -
my bootstrap menu doesn't show submenu dropdown. here's code. i'm using bootstrap 3. "dropdown-submenu" class believe should 1 show arrow , on click show submenu ul.
<div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownmenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> category <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="dropdown-submenu"> <a href="/lifestyle/category/arts">arts</a> <ul class="dropdown-menu"> <li > <a href="/lifestyle/category/artist-profiles">artist profiles</a> </li> </ul> </li> <li > <a href="/lifestyle/category/buzz-quiz">buzz quiz</a> </li> <li > <a href="/lifestyle/category/coast">coast</a> </li> <li class="dropdown-submenu"> <a href="/lifestyle/category/crime-security">crime/security</a> <ul class="dropdown-menu"> <li > <a href="/lifestyle/category/rape-resources">rape resources</a> </li> <li > <a href="/lifestyle/category/security-overview">security overview</a> </li> </ul> </li> <li > <a href="/lifestyle/category/environment">environment</a> </li> <li class="dropdown-submenu"> <a href="/lifestyle/category/fashion">fashion</a> <ul class="dropdown-menu"> <li > <a href="/lifestyle/category/about-fafa">about fafa</a> </li> <li > <a href="/lifestyle/category/designers">designers</a> </li> </ul> </li> </ul> </div>
bootstrap 3.3.5 (current) documentation , bootstrap 3.3.5 css file not contain definition dropdown-submenu class. means class redundant , not affect code @ (of course, if haven't described in own css).
here js fiddle demo works how should work.
i have found definition of dropdown-submenu in bootstrap 2.3.2 looks depricated now.
here working js fiddle demo submenus bootstrap 2.3.2.
however, highly recommend not use outdated library because of single feature.
Comments
Post a Comment