2013-10-10 3 views
1

Я использую Bootstrap 3.0. В этом я должен использовать 2 navbar toogle, я применил одно условие, хотя оно работает нормально, но это долгая процедура, так как мне нужно сделать еще один css для обоих навигаторов, мой код ниже.Bootstrap 3.0 navbar toogles

Для навигационной панели 1 я должен взять этот код

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 

    <div class="navbar-collapse collapse"></div> 

и для 2-го один я использовал

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse2"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
    </button> 
    <div class="navbar-collapse2 collapse"></div> 

Любой один знаю короткий метод для этого. Я буду очень благодарен

+0

это уже укороченный метод –

ответ

0

DIV для каждого NavBars должен содержать эти 2 класса:
collapse и navbar-collapse

Затем вы можете добавить свой собственный класс, как navbar-collapse2

+0

Спасибо, я использовал коллапс, и мои оба navbar работают, но проблема в том, что я должен сделать еще один css для navbar-collapse2, и его длинный процесс вызывает навигация-сбой слишком много. Я просил короткий процесс, в котором мне не нужно делать много классов css. –

+0

http://jsfiddle.net/uzair_hashmi89/H3bB9/ –

Смежные вопросы