bootstrap 3 seviye daraltma menüsü

Bana bootstrap navbar için temel 3 seviye daraltma menüsü sunabilecek biri var mı? Üçüncü seviyeyi açmayı başaramıyorum. Birisi üçüncü bir seviye eklemek için kodumu uyarlayabilir mi?bootstrap 3 seviye daraltma menüsü

<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>

ben gibi bir şey düşündüm:

<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&nbsp;<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>

Ama bu işe yaramıyor ..

kaynak

2013-06-29 jens_vdp

yanı http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3 hile yaptı –

Önyükleme 2.3.x ve üstü destekler

Ben iki seviyeli bir menü olduğunu dropdown-submenu ..

Working demo on Bootply.com

kaynak

2013-06-30 12:02:38 ZimSystem

buraya bir göz atın, teşekkürler ! –

+27

Ve önyükleme 3 alt menü desteğini bırakır ... – Michael

Evet, bu konu için Bootstrap v3 alt menüsüne bakın: http://stackoverflow.com/questions/18023493/bootstrap-3-dropdown-sub-menu-missing – ZimSystem

Bootstrap 3, yuvalanmış daraltma menüleri için yerel desteğe bırakıldı, ancak üçüncü taraf komut dosyasıyla yeniden etkinleştirmenin bir yolu var. Buna SmartMenus denir. Bu, sayfanıza üç yeni kaynak eklemeniz anlamına gelir, ancak class="dropdown-menu" ile iç içe geçmiş <ul>/<li> öğeleri için Bootstrap 3.x'i çoklu düzeyli menülerle sorunsuz şekilde destekler. Otomatik olarak uygun düzeltme göstergesi de gösterir. İşte

<head> 
    ... 
    <script src=".../jquery.smartmenus.min.js"></script> 
    <script src=".../jquery.smartmenus.bootstrap.min.js"></script> 
    ... 
    <link rel="stylesheet" href=".../jquery.smartmenus.bootstrap.min.css"/> 
    ... 
</head>

Bir demo sayfası: http://vadikom.github.io/smartmenus/src/demo/bootstrap-navbar-fixed-top.html

kaynak

2017-06-09 14:58:09 Tony

bootstrap 3 seviye daraltma menüsü

cevap

İlgili konular