Czy istnieje klasa rozwijana dla paska nawigacyjnego w serwisie Twitter Bootstrap 2.3.2?

Question

Istnieją pull-right i pull-left klas do wyrównania elementów bloku. Zastanawiam się, czy jest odpowiedni pull-top i pull-bottom wykonalne dla paska nawigacyjnego?

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

Aby celem jest dostosowanie menu (ul.nav) na dole paska nawigacyjnego.

Answer 1

Odpowiedź na to naprawdę leży w możliwościach CSS. .pull-right i .pull-left zarówno stosują mikro-poprawkę, a następnie przesuwają element w lewo lub w prawo w usłudze Twitter Bootstrap.

Tworzenie .pull-top i .pull-bottom klasa nie byłoby wykonalne jako elementy dominujące musiałoby mieć position:relative zastosowano element będzie wtedy trzeba obchodzić się wokół człowieka i bottomtop z właściwościami mieć ono umieszczone prawidłowo. Alternatywy wymagałyby, aby element miał stałą wysokość z ujemnym marginesem zastosowanym do wierzchołka, o połowę wysokości i zastosowanego top:50%. Ponownie wymagałoby to, aby rodzic był position:relative.

Jak w przypadku każdego ram CSS, istnieje tylko kilka rzeczy trzeba będzie zrobić samemu :-(.