Возможно ли создать адаптивный резиновый navbar на Bottstrap 3?

Question

[Paramaribo]

Суть в том, что нужно создать нестандартную, резиновую и адаптивную навигационную панель, в которой будут располагаться блоки с информацией разного типа: выбор даты/времени, выпадающие меню и прочее. У каждого такого элемента есть своя ширина. Как сделать эти элементы одновременно и адаптивными (для мобильных расширений необходимо блоки складывать по вертикали друг за другом) и резиновыми?

Пример того, как я пытаюсь это реализовать (пока безуспешно).

Заранее всем спасибо за ответы.

Answer 1

[Юрий Лобанов]

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

Comments

[Paramaribo]

Вопрос не в том, что внутри, а как сделать резиновыми блоки внутри навбара + разной ширины + адаптивными. Даже не совсем так: может ли такое сделать сам bootstrap без лишних телодвижений в виде тех же медиа-запросов с моей стороны :)

[Юрий Лобанов]

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