css – Twitter Bootstrap 2.3.2中的navbar是否有下拉式类?

前端之家收集整理的这篇文章主要介绍了css – Twitter Bootstrap 2.3.2中的navbar是否有下拉式类?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有左右和左侧的类来对齐块元素.我想知道导航条是否有相应的上拉和下拉可用?
<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)与导航栏的底部对齐.

解决方法

这个答案真的在于CSS的功能. .pull-right和.pull-left都应用一个micro-clearfix,然后将元素向左或向右漂浮在Twitter Bootstrap中.

创建.pull-top和.pull-bottom类将不可行,因为父元素需要有一个位置:相对应用,然后元素将需要使用顶层和底层属性进行人工处理,以使其正确放置.替代方案将要求元件具有固定的高度,其上限为负值,高度为一半,顶部为50%.再次,这需要父母的位置:亲戚.

与任何CSS框架一样,只有一些事情你必须自己做:-(.

原文链接:https://www.f2er.com/css/216417.html

猜你在找的CSS相关文章