2012-11-27 20 views
8

Użyłem twitter bootstrap dla zainteresowania. A teraz próbowałem stworzyć niestandardowy navbar. Chcę wyświetlić niektóre informacje na temat dolnego paska nawigacyjnego, czyniąc go tak samo ustawionym jako navbar-fixed-bottom. Ale nie mogę dostosować jego wysokości. Domyślna wysokość nie jest dla mnie wystarczająca.Twitter Bootstrap navbar-fixed-bottom niestandardowa wysokość

Jeśli ktoś napotkał ten problem i ma rozwiązanie, proszę, udostępnij. Dziękuję Ci.

+0

Zrobiłem górne i dolne NavBars. Może ma jakieś hacki z CSS. W ogóle nie pasuję do CSS. Proszę, sprawdź to skrzypce, aby wyobrazić sobie, czego potrzebuję. http://jsfiddle.net/muminoff/2XZzt/ – muminoff

+0

Działa dobrze dla mnie. Właśnie dodałem kilka "li", a wysokość odpowiednio wzrosła. –

+0

@AdrianHeine Jak zwiększyłeś wysokość? Czy korzystasz z navbar-fix-bottom? –

Odpowiedz

4

Przy okazji ... Można dostosować Twitter Bootstrap tutaj: http://twitter.github.com/bootstrap/customize.html

Wystarczy zmienić @navbarHeight.

Ale to się zmieni wysokość NavBar utrwalonych-top jest zbyt ...


EDIT: Na stronie internetowej nie zmieniło, nowy adres URL, aby dostosować Bootstrap jest http://getbootstrap.com/customize/

+1

Jest to zdecydowanie najlepszy sposób na zrobienie tego, Bootstrap _jest_ strukturą samą w sobie. – ZaLiTHkA

+0

Jak mogę dostosować wysokość paska nawigacyjnego-fixed-bottom? –

2

pasek nawigacyjny powinien odpowiadać rozmiarowi zawartości (o ile treść nie jest poza przepływem dokumentów). Będziesz musiał zwiększyć dopełnienie ciała, aby zawartość nie zniknęła za dolnym panelem. Jeśli korzystasz z responsywnego ładowania początkowego, dodaj następującą regułę do swojego css i zastąp kod ?? o wysokości dolnej paska nawigacyjnego:

@media (min-width: 980px){ 
    body { 
     padding-bottom: ??px; 
    } 
} 

za nieprzestrzeganie reagujących układów, zadeklarować to bez zapytania mediów:

body { 
    padding-bottom: ??px; 
}