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 */ 
} 
}