Как в Bootstrap 3 сделать боковое меню для мобильных устройств и обычное для стандартного дисплея?

Question

[Макс Максимов]

Здравствуйте.

Хочу сделать в Bootstrap 3 левое меню, которое раскрывается для мобильных телефонов, а для более широких дисплеев — обычное. Пример.

Спасибо.

Answer 1

[akarin]

Задаются классы.
getbootstrap.com/examples/grid

<div class="container">
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-4"></div>
        <div class="col-lg-4 col-md-4"></div>
        <div class="col-lg-4 col-md-4"></div>
      </div>

Answer 2

[Sergej]

Пользуюсь таким для моб. приложений tympanus.net/Tutorials/GoogleNexusWebsiteMenu
Может понравится.

Answer 3

[Jonh Doe]

Посмотри на это решение ugputu.github.io/ElOffsetSidebar

Answer 4

[Александр Зачиналов]

На Bootstrap это делается стандартным navbar чуваки. Если не умеем искать, то берем готовое из родных примеров фреймворка. getbootstrap.com/examples/navbar

Comments

[Макс Максимов]

Я знаю, что существует navbar. Я хочу, чтобы в стандартном размере был как раз-таки navbar, а по мере уменьшения размера дисплея, меню уходило в левый бок (типа swipe menu в Androis, iOS).

[Александр Зачиналов]

ну так и переверстайте класс navbar для md и xs размеров экрана, так чтобы уходило влево. navbar.less из поставки бутстрапа вам в руки

[Макс Максимов]

@SanDiesel мой уровень знаний css/js не позволяет мне проделать такую работу. Я искал исключительно готовые решения.

[Александр Зачиналов]

ясно. У Foundation есть решение такое, подглядите там тогда. Есть на их главной прямо и в Docs примеры c Top Bar и Offcanvas. foundation.zurb.com

[Макс Максимов]

@SanDiesel хорошо. Спасибо!

Answer 5

[lynnikvadim]

itchief.ru/lessons/bootstrap-3/bootstrap-3-custom-...