1
我刚刚使用了bootstrap主题魔导师。 现在我想在菜单下拉菜单下拉菜单中添加子菜单,但我错了。你可以看到它,并给我建议。如何在magister bootstrap主题中单击菜单时创建子菜单?
.mainmenu .dropdown-menu {
\t top: -14em;
\t left: 0px;
\t font-size: 13px;
\t padding:0;
\t background:none;
\t border:0 none;
\t border-radius: 2px;
\t -webkit-box-shadow: none;
\t box-shadow: none;
\t display:block;
\t opacity:0;
\t -webkit-transition: all .45s;
\t -moz-transition: all .45s;
\t transition: all .45s;
}
.mainmenu .dropdown-menu .active {
\t font-weight:bold;
}
.mainmenu .open .dropdown-menu {
\t top:2px;
\t opacity:1;
}
.mainmenu .dropdown-menu a {
\t padding:10px 10px;
\t margin:0;
\t color:white;
\t text-decoration: none;
\t -webkit-border-radius: 2px;
\t -moz-border-radius: 2px;
\t border-radius: 2px;
}
.mainmenu .dropdown-menu a:hover {
\t background:rgba(255,255,255,.1);
\t color:white;
\t padding:10px 8px 10px 12px;
}
.mainmenu .dropdown-menu ul li ul a{
\t list-style:none;
\t background:red;
\t padding:0;
\t margin:0;
}
.mainmenu .dropdown-menu ul li ul a:hover{
\t color:blue;
}
<ul class="dropdown-menu" >
<li><a href="#">link</a></li>
<li><a href="#">submenu</a></li>
<ul>
<li><a href="#">submenu 1 link</a></li>
\t <li><a href="#">submenu 2 link</a></li>
\t <ul>
\t <li><a href="#">submenu 2-1 link</a></li>
\t <li><a href="#">submenu 2-2 link</a></li>
\t </ul>
\t <li><a href="#">submenu 3 link</a></li>
</ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>