Как изменить размер изображения заголовка навигатора?

Question

Я пытаюсь включить изображение как мой NavBar заголовок как код показывает ниже:

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

значок появляется, но очень мало. Как я могу изменить его размер?

Answer 1

Вы должны уменьшить padding от navbar-brand.

Смотрите следующий пример (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>

Подсказка: Убедитесь обычай CSS помещается после Bootstrap CSS!