4

Как сделать динамическое меню в Bootstrap, как показано на картинке?

alt text

0

2 ответа 2

3

Navbar

Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.

2
  • 3
    Почему не на русском ответ? При таких ответах хешкод и нафиг ненужен.
    – vas
    5 авг 2014 в 8:05
  • @shatal потому что это прямая цитата, очевидно
    – etki
    5 авг 2014 в 9:01
0

Одним navbar здесь не обойтись. Кнопка справа вверху на 2-ом скрине при таком раскладе не нужна, т.к. в неё, согласно этому ТЗ ничего не прячется (если всё-таки нужно – см. сниппет http://bootsnipp.com/snippets/featured/navbar-lateral-slide-menu).

В данном случае, если интересует IE9+:

@media (max-width: 768) { // меньше 768
  .content-menu > ul > li{ 
    display: block;
    text-align: left;
  }  
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.