Навигационные проблемы с раскрывающимся списком с Bootstrap

Question

Недавно я опубликовал домашнюю страницу сайта Wordpress на www.seosherpas.com.

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

Теперь я пытаюсь имитировать меню навигации на веб-узле по моей заказной дизайн диссертации: www.seosherpas.com/blog/

Я сумел имитировать дизайн, но не может получить падение вниз меню для работы. У меня такое чувство, что это проблема с тем, как я называю Javascript Bootstrap ... может быть, может и нет. Я действительно понятия не имею,.

У меня есть эта строка кода, чтобы временно скрыть выпадающий список:

.nav-collapse .dropdown-menu { 
border-bottom: 1px solid #DDDDDD; 
/* Temporary Fix??? display: block; */ 
} 

Если я покажу «дисплей: блок;» выпадающее меню появляется, но всегда появляется, а не только при наведении указателя мыши.

Answer 1

Добавьте это в CSS:

.nav-collapse:hover .dropdown-menu { 
    display: block; 
} 

И вы будете видеть только ниспадающее меню при наведении курсора на .nav коллапс элемента, который является родителем DropDown в. Работает каждый раз, каждый браузер. Наслаждайтесь!

Answer 2

Темы тезисов Wordpress всегда используют bootstarp при каждом использовании, javascrippt включен в раскрывающемся меню. Ознакомьтесь с этой статьей для получения дополнительной информации. http://www.themesrush.com/wordpress-theme-thesis-review/