Wie ändert man die Größe des Navbar-Header-Bildes?

Question

Ich versuche, ein Bild als meine navbar Header als Code enthalten zeigt unter:

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: #000000;" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <img class="navbar-brand" src="logo.jpg" alt=""> 
    </div> 
    </div> 
</nav> 

Das Symbol erscheint aber sehr klein. Wie kann ich die Größe ändern?

Answer 1

Sie müssen die padding von navbar-brand reduzieren.

Siehe das folgende Beispiel (https://jsfiddle.net/m9acxw28/1/):

.navbar-brand { 
 
    padding:0; 
 
}

<nav class="navbar navbar-inverse navbar-fixed-top" style="background-color: #000000;" role="navigation"> 
 
    <div class="container"> 
 
    <div class="navbar-header"> 
 
     <img class="navbar-brand" src="http://placehold.it/100x100" alt=""> 
 
    </div> 
 
    </div> 
 
</nav>

Hinweis: Stellen Sie sicher, das benutzerdefinierte CSS nach dem Bootstrap CSS platziert!