Меню адаптивное, адекватно отображается на мобильных устройствах.
Данное меню можно наблюдать на этом сайте. При разрешении экрана устройства до 980px , меню превращается в коллапсирующее, раскрывающееся по тачу.
На десктопе:
На мобильных устройствах:
На мобильных (активное):
HTML:
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse collapse">
<ul class="nav menu">
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
</ul>
</div>
</div>
</div>
В <head> следует подключить bootstrap.js и bootstrap.css стандартным образом.
Голый код без комментариев, как понять, что и как работает?
(26.0.1656.24 -)