Как сделать Navbar в Bootstrap 3?

Question

[Werstman]

Помогите, пожалуйста.

Нужна Navbar, в которой:
1. Brand - картинкой (исчезает на мобильниках).
2. Рядом с Brand - dropmenu (не сворачивается никогда - виден на всех разрешениях).
3. MainMenu - главное меню из 5 пунктов + иконки к каждому пункту. Необходимо,чтобы при Small - оставались только иконки, а при XS - иконки сворачивались в dropmenu.
4. Справа тоже Dropmenu - виден всегда.

jsfiddle.net/52VtD/4310

Реально хз, как сделать..

Можно ли это сделать не Navbar, а обычными блоками?

<div class="row">
    <div class="hidden-xs col-sm-2 col-md-2">
        <a href="#" id="Logo"><img src="/img/120x120.jpg" class="img-responsive"/></a>
    </div>
    <div class="col-xs-6 col-sm-4 col-md-3">
      <ul id="left-drop-menu">...</ul>
    </div>
    <div class="col-xs-4 col-sm-4 col-md-6">
        <button type="button" class="btn btn-success navbar-toggle glyphicon glyphicon-collapse-down" data-toggle="collapse" data-target=".navbar-collapse">

        </button>
        <div class="collapse navbar-collapse">
            <ul id="mainNav">...</ul>
        </div>
    </div>
    <div class="col-xs-2 col-sm-2 col-md-1">
        <ul id="right-drop-menu">...</ul>
    </div>
</div>

Comments

[Alex Babak]

просто используйте вспомогательные респонсив-классы бутстрапа для разных элементов, в чём, собственно, вопрос?