2013-09-05 2 views
12

Есть pull-right и pull-left классы для выравнивания элементов блока. Мне интересно, если есть соответствующие pull-top и pull-bottom работоспособный для navbar?Есть ли выпадающий класс для navbar в Twitter Bootstrap 2.3.2?

<header id="navbar" role="banner" class="navbar navbar-fixed-top"> 
    <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> 

     <a class="logo pull-left" href="/" title="Home"> 
     <img src="logo.png" alt="Home"> 
     </a> 

     <div class="nav-collapse collapse"> 
     <nav role="navigation"> 
      <ul class="menu nav"> 
      <li>...</li> 
      </ul> 
     </nav> 
     </div> 
    </div> 
    </div> 
</header> 

Для цели является согласование меню (ul.nav) в нижней части панели навигации.

enter image description here

ответ

14

Ответ на этот вопрос действительно лежит в возможностях CSS. .pull-right и .pull-left применяют микрочиповое исправление, а затем плавают элемент слева или справа в Twitter Bootstrap.

Создание .pull-top и .pull-bottom класс не будет возможным, поскольку родительские элементы должны были бы иметь position:relative прикладной элемент, то нужно будет человек рукоятками вокруг с top и bottom свойствами, чтобы она установлена ​​правильно. Альтернативы потребовали бы, чтобы элемент имел фиксированную высоту с отрицательным запасом, приложенным к верхней части, половину высоты и применяли top:50%. Опять же, для этого нужен родительский position:relative.

Как и в любых рамках CSS, есть только некоторые вещи, которые вы должны будете сделать сами :-(.

+0

Спасибо за это подробное объяснение. Тогда я должен Google некоторого ручного CSS способа сделать 'тянуть-down' правильно? Если я могу сделать родительский элемент 'position: relative', какие возможные решения я могу использовать для создания собственного' pull-down'? – Drake

+1

и в вашем примере, дайте контейнеру и ul позицию: relative. то вам нужно поиграть с «нижним» и «верхним» свойствами. Создание нисходящего класса не будет возможным. Значения верхнего и нижнего будут меняться в каждом случае. –

+0

Гош, downvotes ответа на загрузку 2 .x, независимо от того ... –

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