twitter bootstrap响应式菜单悬停

Question

如何在菜单/导航栏上将鼠标悬停文字颜色更改为白色。我试过寻找引导程序的CSS代码，但我找不到它。

Answer 1

您可以编写媒体查询，以满足特定的悬停状态，如li元素：
的jsfiddle Demo

@media (max-width: 767px) { 

.navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { 
background-color: #888;/* change this color*/ 
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset; 
color: #555555; 
text-decoration: none; 
    } 
    } 
@media (max-width: 767px) { 

.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { 
background-color: #000;/*you can change this color to anything*/ 
    } 
} 
    @media (max-width: 480px) { 

    .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { 
background-color: #000;/* you can change this color to anything */ 
} 
}