Съезжает форма поиска

такой вопрос, когда мы создаем большое меню, то форма поиска сползает вниз, как сделать, чтоб форма поиска всегда оставалась на месте? сама меню создана на bootstrap



ниже скелет менюшки

https://codepen.io/stywolf/pen/WgxRRq

Вложения

codepen_WgxRRq.zip (70.7 Кб, 0 просмотров)

0

Здравствуйте!
"такой вопрос, когда мы создаем большое меню, то форма поиска сползает вниз, как сделать, чтоб форма поиска всегда оставалась на месте?"

Мне не совсем понятно какой именно результат вы хотите получить:

-Вам необходимо чтобы форма оставалась на месте, а пункты меню переносились?
Тут есть несколько решений. Что-бы зря не писать пока описывать не буду, подожду вашего ответа.

- Вам необходимо чтобы все оставалось на одной линии?
Опишите точнее - все пункты меню необходимые для размещения, размеры окошка поиска, логотипа. Просто для того, чтобы вам помочь необходимо от вас больше конкретики.

И к стати у вас в "codepen" примере есть ошибки. Обратите внимание на закрывающие тэги.

P.S. Пишите буду рад вам помочь!

1

Сообщение от SobolIgor -Вам необходимо чтобы форма оставалась на месте, а пункты меню переносились? Тут есть несколько решений. Что-бы зря не писать пока описывать не буду, подожду вашего ответа.

да Вы правы именно данное решение мне нужно, как этого достичь?
просто когда создаю много пунктов меню, форма уезжает вниз...

Добавлено через 9 часов 45 минут
SobolIgor, поможете?

Добавлено через 10 часов 40 минут
или Вы за платно помогаете?

0

Как по мне, так форму поиска внедряют в меню, когда оно маленькое. Когда меню большое, я бы поиск вынес в другое место. И меню многострочное по мне не есть хорошо. Я бы пересмотрел дизайн. Имхо

0

Здравствуйте!
Приношу свои извинения за столь долгий ответ.

По вашему вопросу наверно самый простой но не самый элегантный способ - это задать стандартному списку в меню bootstrap ширину. Например 80%.

Добавлено через 14 минут
Блин нечаянно опубликовал не закончив...

Продолжение:

- Плюсы - простота решения
- Минусы - Необходимо брать во внимание то , что нужно просмотреть все расширения, но тут в любом случае это необходимо сделать. Также если ссылка перед переносом будет слишком длинная то при переносе оставит большой пробел.

Вот пример css для стандартного меню bootstrap:
Но соглашусь с "wwowa" меню - это навигация и много строчное меню, это не есть хорошо. При необходимости размещения большого количества ссылок в меню их лучше делать в выпадающем списке. А лучше вообще убрать и оставить необходимое. Форму поиска можно сделать в виде иконки при нажатии на которую само поле поиска будет появляться отдельно поверх или как вам будет необходимо. Это немного даст пространства.
Но это другая тема.

Подводя итог конкретно к вашей задаче вам всего то необходимо задать ширину для блока меню.

Если возникнут еще вопросы пишите, постараюсь в этот раз быстрее ответить!

Добавлено через 2 минуты
Помогаю бесплатно!

Добавлено через 1 минуту
Если хотите сбрасывайте мне ваш код, удобным для вас способом, поправлю с обьяснением.

1