umieścić logo na Twitterze bootstrap paska nawigacyjnego bez zmiany rozmiaru navbar

Question

Czy istnieje jakiś sposób, aby umieścić obraz (logo marki) na pasku nawigacyjnym Bootstrap, niczym:

<div class="navbar navbar-fixed-top"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#"><img src="../Content/Images/logo.png" /></a> 
    </div> 
</div> 
</div> 

i utrzymać wysokość NavBar nietknięte? Próbowałem

.navbar .brand 
{ 
display: block; 
height: 125px; 
width: 246px; 
padding: 0; 
background: url('../Content/Images/logo.png') no-repeat left center; 
float:left; 
position: absolute; 
} 

i mam dobre wyniki z pozycjonowania ale linki przyjść logo.

Answer 1

linki przyjść logo

Jest to spowodowane pozycjonowania bezwzględnego.

Aktualizacja bez zmiany rozmiaru obrazu:

.navbar .brand { 
    max-height: 40px; 
    overflow: visible; 
    padding-top: 0; 
    padding-bottom: 0; 
} 

Demo without resizing image (jsfiddle)