Est-il une traction vers le bas de la classe pour la barre de navigation dans Twitter Bootstrap 2.3.2?

Il y a pull-droit et pull-gauche classes pour aligner les éléments de bloc. Je me demandais si il n'y a correspondant pull-top et pull-bas réalisables pour la barre de navigation?

<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>

L'objectif est d'aligner le menu (ul.nav) à la partie inférieure de la barre de navigation.

Est-il une traction vers le bas de la classe pour la barre de navigation dans Twitter Bootstrap 2.3.2?

OriginalL'auteur Drake Guan | 2013-09-05

  1. 14

    La réponse se trouve vraiment dans les capacités de CSS. .pull-right et .pull-left à la fois appliquer une micro-clearfix et flottent alors l'élément à gauche ou à droite dans Twitter Bootstrap.

    La création de .pull-top et .pull-bottom de la classe ne serait pas possible en tant que parent éléments doivent avoir une position:relative appliquée, l'élément aurait alors besoin d'homme manche autour avec top et bottom propriétés de l'avoir placé correctement. Les alternatives nécessitent l'élément pour avoir une hauteur fixe avec une marge négative appliquée sur la partie supérieure, de la moitié de la hauteur et top:50% appliquée. Encore une fois ce serait besoin du parent d'être position:relative.

    Comme avec n'importe quel framework CSS, il ya juste quelques choses que vous avez à faire vous-même :-(.

    Merci pour cette explication détaillée. Ensuite, je devrais google manuelle CSS façon de le faire pull-down droit? Si je peux faire le parent de l'élément position:relative, quelles solutions possibles que je peux utiliser pour créer mon propre pull-down?
    bien dans votre exemple, donner le conteneur et l'ul d'un position:relative. Vous devez jouer avec bottom et top propriétés. la création d'un pull-down de la classe ne va pas être possible. Les valeurs du haut et du bas qui va changer dans chaque cas.
    Gosh, downvotes sur une réponse pour bootstrap 2.x, quelle que soit la prochaine...

    OriginalL'auteur