Twitter bootstrap 3 多级菜单不';不要向左或向右悬停
我在我的网站上添加了多级菜单,但我似乎无法让它们向左或向右悬停。当您点击菜单“ZIEN”并将鼠标悬停在第一个“BRILLEN”上时,子菜单将显示在下方,而不是左侧或右侧(这是我的愿望)。有人给我小费吗 我希望我的解释清楚 非常感谢 抱歉,忘记链接了: 谢谢你的邀请!我看得更远了一点,想到了下一件事:我从有这个class=“dropdown menu dropdown submenu”的类中删除了“dropdown submenu”,并在css中更改了它:Twitter bootstrap 3 多级菜单不';不要向左或向右悬停,twitter-bootstrap-3,submenu,multi-level,Twitter Bootstrap 3,Submenu,Multi Level,我在我的网站上添加了多级菜单,但我似乎无法让它们向左或向右悬停。当您点击菜单“ZIEN”并将鼠标悬停在第一个“BRILLEN”上时,子菜单将显示在下方,而不是左侧或右侧(这是我的愿望)。有人给我小费吗 我希望我的解释清楚 非常感谢 抱歉,忘记链接了: 谢谢你的邀请!我看得更远了一点,想到了下一件事:我从有这个class=“dropdown menu dropdown submenu”的类中删除了“dropdown submenu”,并在css中更改了它: .dropdown-submenu &g
.dropdown-submenu > .dropdown-menu
{
width:220px;
top:0;
left:100%;
margin-top:-6px;
margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
border-radius:0 6px 6px 6px;
}
致:
可以将子菜单位置设置为“相对”,然后根据需要设置一个左值
<style>
.dropdown-submenu{position: relative; left:100px;}
</style>
.下拉子菜单{位置:相对;左侧:100px;}
<style>
.dropdown-submenu{position: relative; left:100px;}
</style>