Bootstrap：导航栏父菜单选择问题

Question

我正在使用 bootstrap 粘性菜单，现在用于下拉列表当我将鼠标悬停在父菜单上时，子菜单会显示但是父菜单未突出显示当我走下一级时。

在这里，您可以看到洗涤和清洁服务。

我想要的是菜单服务应该突出显示为洗涤时此刻是我的html结构

<div class="nav-collapse collapse navbar-responsive-collapse">
    <ul class="nav navbar-nav pull-right">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">About us</a></li>
    <li><a href="#">About us</a></li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services</a>
     <ul class="dropdown-menu">
        <li><a href="#">Cleaning </a></li>
        <li><a href="#">Washing</a></li>
     </ul><!-- end dropdown-menu -->
 </li>
</ul>   

http://www.bootply.com/j4dAggAcCh

Answer 1

您可能错过了：专注于您的菜单链接。这样可以在您的子视图中突出显示您的链接。

那么我应该在CSS中尝试一下：

.dropdown-toggle:focus{
  color: red;
}