Проблема с установкой выпадающего меню в Bootstrap?

Question

[Роман Романович]

Вопрос заключается в построении выпадающего списка, при нажатии на кнопку "Услуги" появляется подменю, как показано на рисунке https://yadi.sk/i/N-ZW554zekZZZ
Никак не могу разобраться, получается стандартное выпадение на ширину текста, прилагаю скриншот
https://yadi.sk/i/oLqPOyCBekZWU

Answer 1

[Никита]

код в студию

Comments

[Роман Романович]

codepen.io/morethenlife/pen/ogqWWX вот разметка на бутстрап

Answer 2

[Роман]

Может проще сделать отдельную панель навигации, скрыть ее и при нажатии пункта меню показывать?

Comments

[Роман Романович]

каким образом это сделать можно, я в js не силен?

[Роман]

Роман Романович: учите тогда :)
Так как у вас уже подключен джейквири, то можно сделать с его помощью.

Сперва создайте хтмл структуру выпадающей менюшки и добавте ей клас хиден. В ЦСС пропишите класу своство дисплей:нон. Так вы скроете эту выпадающую менюшку. А потом в джейквири пишите событие, которое при наведении или клике мышкой в пункт менюхи уберет класс хидден.

[Роман Романович]

спасибо попробую разобраться

[Роман Романович]

Роман а можно пример с работающим меню?