2014-09-01 2 views
0

Я заметил некоторые веб-сайты с двойной навигационной панелью наверху. Первый - указание статуса сеанса пользователя (логин/выход/настройки и т. Д.), А нижний - для фактической функциональности сайта. Я прикрепил скриншот - может ли кто-нибудь указать мне пример кода на то, как я могу реплицировать то же самое?Двойная верхняя панель навигации с twitter bootstrap

Благодаря enter image description here

+0

Смотрите эту ссылку http://getbootstrap.com/components/#navbar-default –

+0

@ Jake745 примеры бутстрапом по умолчанию показывают, как получите одну навигационную панель, такую ​​как та, что у нас есть на этом веб-сайте. Тем не менее, нет примера для двойного навигационного бара, как показано на скриншоте. Есть ли какая-то конкретная область в этой ссылке, которую я пропускаю? – ChicagoSky

ответ

0

просто попробуйте это от начальной загрузки:

<div class="navbar"> 
    <div class="navbar-inner"> 
    <div class="container"> 

     <!-- .btn-navbar is used as the toggle for collapsed navbar content --> 
     <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> 

     <!-- Be sure to leave the brand out there if you want it shown --> 
     <a class="brand" href="#">Project name</a> 

     <!-- Everything you want hidden at 940px or less, place within here --> 
     <div class="nav-collapse collapse"> 
     <!-- .nav, .navbar-search, .navbar-form, etc --> 
     </div> 

    </div> 
    </div> 
</div> 
+0

did not делают трюк – ChicagoSky

+0

дорогой, если u r, используя один из бутстрапа, затем записывайте тот же код после того, как он даст ему margin из верхнего navbar.u, можно использовать его дважды. – Montiyago

+0

получил это - спасибо – ChicagoSky

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