Należy dostosować wysokość paska nawigacyjnego.
Możesz użyć tej zmiennej w czasie krótszym, aby dostosować wysokość i będzie wyśrodkować navbar pionowo i zawierać wszystkie niezbędne padding:
@navbar-height
50px jest domyślnie.
Jak dostosować to w regularnym CSS jest zmiana min-height
z .navbar
i wysokość navbar-fixed-top
a następnie dopasować dopełnienie .navbar-nav
.
ten sposób górna część powinna być skonstruowana (brakuje NavBar-header):
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-responsive-collapse" data-toggle="collapse" type="button">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" rel="home" href="/" title="www.site.nl">
<img src="//placehold.it/200x51">
</a>
</div>
Przykład Bootply: http://www.bootply.com/tOoeM8o8Om
To jest prawo. Masz/miałeś "dopełnienie: 15px 15px;". Zmiana na "dopełnienie: 0 15px 15px 15px;" zabrałaby tylko górę również przy zachowaniu innych podkładek. –
tak, to jest punkt –
patrząc na twoje rozwiązanie, teraz wydaje się, że jest brzydki 1px, a następnie 20px dolnej podkładki - czy to według projektu? – StevenP