13

有pull-right和pull-left类来对齐块元素。我想知道导航栏是否有相应的下拉式和下拉式？

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

在此处输入图像描述

4

1 回答 1

14

这个问题的答案真的在于 CSS 的能力。.pull-right并且.pull-left都应用微清除修复，然后在 Twitter Bootstrap 中向左或向右浮动元素。

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

与任何 CSS 框架一样，您必须自己做一些事情:-(。

于 2013-09-05T16:53:09.227 回答