Проблема Bootstrap Navbar css

Question

У меня есть загрузочный навигатор с некоторым пользовательским кодом, чтобы использовать подменю 2-го уровня. Проблема, с которой я сталкиваюсь, - это когда я нажимаю пункт меню 1, а затем под 1 (или под 2), чтобы открыть подменю 2-го уровня, элемент li, содержащий подпункт 1 или под 2, показывает белый фон, когда мышь отключена от этого суб 1 или суб-2. Любая помощь по удалению этого белого фона была бы действительно оценена. Я пробовал много вещей без успеха. Bootply здесь: http://www.bootply.com/sugW3tvaLT

Answer 1

Добавьте это в ваш код CSS:

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { 
    background-color: #000080 !important; 
} 

Это будет перезаписывать цвет по умолчанию, применяемый при загрузке.

Here is the updated Bootply code link

Answer 2

перейти к файлу bootstrap.css найти там .nav .open > a, .nav .open > a:focus, .nav .open > a:hover заменить цвет фона#EEE к цвету, что вы хотите показать на active