在Twitter Bootstrap 2.3.2中是否有导航栏的下拉类？

Question

有拉右和左拉类来对齐块元素.我想知道是否有相应的拉杆和拉杆可用于导航栏？

<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)对齐到导航栏的底部.

Answer 1

答案就在于CSS的功能..pull-right并且.pull-left都应用micro-clearfix,然后在Twitter Bootstrap中向左或向右浮动元素.

创建.pull-top和.pull-bottom类'是不可行的,因为父元素需要position:relative应用,元素将需要人工处理top和bottom属性才能正确放置.替代方案将要求元件具有固定高度,其中负边距应用于顶部,高度的一半并且top:50%应用.这将需要父母position:relative.

与任何CSS框架一样,您只需要做一些事情:-(.