Выпадающее меню при наведении на уклонение (используя бутстрап)

Question

Я сделал навигацию с помощью бутстрапа. С помощью css я сделал подменю, которое появляется при наведении. Только когда я хочу щелкнуть заголовок в подменю, подменю исчезнет, ​​прежде чем я могу щелкнуть по нему.

Я прочитал на других потоков, которые я должен добавить следующий код в CSS:

.dropdown:hover > .dropdown-menu { 
display: block; 

}

Я добавил его, но он все еще не работает. Что я делаю не так?

Это скрипка: http://jsfiddle.net/robin2609/buw4wc1t/

Gr. Robin

Answer 1

Это происходит из-за того, что у вас есть дополнение только вниз 10px, а затем ваше подменю находится под серым. в то время как ваше заполнение не доходит до конца главного меню, и поэтому, когда зависание отрывается от .nav > li > a, теперь он витает только .nav, который не удерживает подменю открытым.

Изменить обивка в:

.nav > li > a

к:

.nav > li > a 
{ 
    padding: 10px 13px 30px 13px; 
} 

Рабочая JSFiddle: http://jsfiddle.net/buw4wc1t/3/