Есть ли выпадающий класс для navbar в Twitter Bootstrap 2.3.2?

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

<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

Ответы

Ответ 1

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

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

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