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

#html #css #bootstrap #ui_bootstrap

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


    

Ответы

Ответ 1

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

Одним 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;
  }  
}