Bootstrap 3子菜单父高亮

【问题标题】：Bootstrap 3 submenu parent highlightBootstrap 3子菜单父高亮
【发布时间】：2013-11-26 06:41:30
【问题描述】：

在 Bootstrap 3 中删除了子菜单。我使用以下示例/代码将它们添加回来： http://bootply.com/71520

问题是当我们将鼠标悬停在子菜单上时，父菜单项没有保持突出显示。如何实现？这曾经在引导程序 2 中工作： http://getbootstrap.com/2.3.2/components.html#dropdowns

我尝试查看所有 CSS，但找不到。

【问题讨论】：

【解决方案1】：

您需要为.dropdown-submenu:hover > a 添加新样式。请注意，我从a:hover 上的现有样式中复制了 CSS。

.dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #357ebd;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#357ebd 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0);
}

http://bootply.com/96695

【讨论】：