Я думаю, что вы даете слишком много отступов, и ваши средства управления выходят за пределы их коробки.
Попробуйте открыть его в Chrome и щелкнуть правой кнопкой мыши на одном из селекторов и выбрать «Осмотреть», чтобы увидеть его в инструментах разработчика, что, вероятно, даст вам лучшее представление о том, в чем заключается проблема.
Вы даете слишком мало места для ваших контролей. Попробуйте изменить некоторые из этих col-1
на col-4
, которые могут помочь.
Я нашел, что это учебное руководство по меню в Списке Независимо полезно. Если Вы ищете вокруг на том сайте, можно найти много хороших учебных руководств по дизайну и шаблонов.
Вот другая ссылка, на которую Вы могли посмотреть: http://www.dynamicdrive.com/style/csslibrary/item/suckertree-menu-horizontal/
Взгляните на CoffeeCup Свободный Разработчик Меню DHTML:
http://www.coffeecup.com/free-dhtml/
Кажется, что это сделает то, что Вы хотите.
Получите этот бесплатный CSS на базе Windows навигационный создатель меню. Это является большим и хорошее учебное пособие также.
Я настоятельно рекомендую компоненты меню YUI, если можно использовать их. Можно использовать меню приложения (пример представления) созданный из разметки HTML из JavaScript.
Компоненты YUI очень просты в использовании, с открытым исходным кодом, у них есть большая поддержка и документация, и кажется хорошо разработанным. И они от Yahoo ;)
Существует общественное достояние чистый CSS menuing система в
Если Вы являетесь франкоязычными существуют многие пример меню с HTML + CSS по http://www.alsacreations.com/
Я думаю, что самым устойчивым там является это "Меню DHTML" http://www.milonic.com/ Milonic.
Это обрабатывает theming и целую груду опций.