使用Bootstrap的下拉菜单

Question

我正在使用Bootstrap导航栏，我想获得关于submenu的一些帮助，因为我没有克服以制作multi-level submenus。

我有这样的模式：

我想获得Création Fiches Individuelles (sans n° unique)和Création Fiches Individuelles (avec n° unique)只是旁边Création Fiches Individuelles。

换句话说，我想把最后一个框放在Création Fiches Individuelles旁边，只需点击这个子菜单即可显示最后一个子菜单。 然后我只是想显示这最后一级，如果我不把鼠标放在Création Fiches Individuelles并非所有的时间。

这是关于部分在我的HTML文件：

<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="glyphicon glyphicon-file"> 
              </span> Actes Etat Civil <b class="caret"></b></a> 
           <ul class="dropdown-menu"> 
            <li class="dropdown dropdown-submenu"> 
             <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
              <span class="glyphicon glyphicon-user"> 
              </span> Fiches Individuelles 
             </a> 
             <ul class="dropdown-menu sub-menu"> 
              <li><a href="{% url "home" %}">Accueil Fiches Individuelles</a></li> 

              <li class="dropdown dropdown-submenu"> 
               <li><a href="#"> Création Fiches Individuelles</a></li> 
               <ul class="dropdown-menu"> 
                <li><a href="{% url "form" %}">Création Fiches Individuelles (sans n° unique) </a></li> 
                <li><a href="{% url "form2" %}">Création Fiches Individuelles (à partir n° unique) </a></li> 
               </ul> 
              </li> 

              <li><a href="{% url "searched" %}">Consultation Fiches Individuelles</a></li> 
              {% if request.user|has_group:"admin" %} 
              <li><a href="{% url "edited" %}">Edition Fiches Individuelles</a></li> 
              <li><a href="{% url "deleted" %}">Suppression Fiches Individuelles</a></li> 
              {% endif %} 
             </ul> 
            </li> 
... 

是否有可能得到一些帮助才能做到这一点？

谢谢！

Answer 1

在CSS中，这可能工作。

.dropdown-toggle .dropdown-menu .dropdown-menu .dropdown-menu{ 
    display:none; 
} 
.dropdown-toggle .dropdown-menu .dropdown-menu .dropdown > li > a:hover .dropdown-menu{ 
    display:block; 
    position: absolute; 
    left:100%; 
    top:0; 
} 

但是这样的嵌套类并不理想。 在你的html中，我会添加分类到菜单的每个级别。 .LEVEL一 .LEVEL两 .LEVEL三

等