Некоторые проблемы с горизонтальной навигацией выпадающими меню

Question

Я пытаюсь написать код сайта макета, который в основном только организованной как таковые:

Header (only an image) 
Horizontal Nav 
Content 

Сначала моя идея состояла в том, чтобы просто иметь контейнер DIV и иметь заголовок, nav и содержимое в виде div внутри контейнера; однако я столкнулся с некоторыми проблемами, совершающими навигацию. Я хочу, чтобы это была горизонтальная навигация, поэтому я только что составил список и использовал встроенную линию, чтобы сделать это. У меня возникли проблемы, когда я начал пытаться включить раскрывающийся список вторичных ссылок. Это первый раз, когда вы кодируете что-либо с 2009 года, поэтому я на самом деле просто изучаю новые вещи. Я попробовал кучу разных вещей в Google, но я не понимаю их объяснений.

Должен ли я использовать тег nav для моего списка в div? Вот базовый код jsfiddle, который я использовал, чтобы попытаться выяснить: http://jsfiddle.net/mcpy/z8yvx/110/

Answer 1

Итак, почему вы не можете использовать бутстрап? он очень прост в использовании, и вы можете получить раскрывающееся меню в бутстрапе.

Например сценарий выпадающий в загрузчике:

<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu"> 
    <li><a tabindex="-1" href="#">Action</a></li> 
    <li><a tabindex="-1" href="#">Another action</a></li> 
    <li><a tabindex="-1" href="#">Something else here</a></li> 
    <li class="divider"></li> 
    <li><a tabindex="-1" href="#">Separated link</a></li> 
</ul> 

и вы можете увидеть и узнать в Boostrap Dropdown Menu.