menu de réduction du niveau d'amorçage 3
Est ce que quelqu'un peut me fournir une base de niveau 3 s'effondrer menu pour bootstrap barre de navigation?
Je n'arrive pas à ouvrir le troisième niveau. Quelqu'un peut-il adapter mon code pour ajouter un troisième niveau?
C'est les deux au niveau de menu que j'ai:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<a class="brand" href="#">Present Ideas</a>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li class="dropdown" id="accountmenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
J'ai pensé à quelque chose comme:
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help</a></li>
<li class="dropdown" id="accountmenu">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Account Settings<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Login</a></li>
<li class="item-148 dropdown parent">
<a href="/about/learn-more">Learn more <b class="caret-right"></b></a>
<ul class="dropdown-menu">
<li class="item-149"><a href="/about/learn-more/the-software">The Software</a></li>
<li class="item-150"><a href="/about/learn-more/the-project">The Project</a></li>
<li class="item-151"><a href="/about/learn-more/the-leadership">The Leadership</a></li>
<li class="item-152"><a href="/about/learn-more/open-source-matters">Open Source Matters</a></li>
</ul>
</li>
<li class="divider"></li>
<li><a href="#">Logout</a></li>
</ul>
</li>
</ul>
<ul class="nav pull-right">
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
Mais qui ne fonctionne pas..
source d'informationauteur jens_vdp
Vous devez vous connecter pour publier un commentaire.
Bootstrap 2.3.x et versions ultérieures prennent en charge le
dropdown-submenu
..Travail sur la démo Bootply.com
Bootstrap 3 a chuté de la prise en charge native pour imbriqués l'effondrement des menus, mais il existe un moyen de le réactiver avec une 3ème partie script. Il est appelé SmartMenus. Cela signifie l'ajout de trois nouvelles ressources à votre page, mais il soutient de façon transparente Bootstrap 3.x avec plusieurs niveaux de menus imbriqués
<ul>/<li>
éléments avecclass="dropdown-menu"
. Il affiche automatiquement le bon caret.Voici une page de démonstration: http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar-fixed-top.html