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