Bootstrap Navbar Размер изображения слишком велик

Question

Я новичок в начальной загрузке 4, и у меня есть вопрос о navbar. Поэтому я хочу, чтобы рядом с ней было название моей компании и ее логотип, но по какой-то причине изображение слишком большое. Что я могу сделать, чтобы изменить размер изображения, чтобы он поместился внутри панели навигации. Спасибо!

<nav class="navbar navbar-expand-sm fixed-top">
    <div class="container">
      <a href="index.html" class="navbar-brand text-dark display-4">
        <img id="ojLogo" src="img/ojicon.png"> OddJob
      </a>
    </div>
</nav>

Answer 1

Вы должны определить высоту логотипа, чтобы уменьшить его размер. Также необходимо разместить изображение в левом порядке, чтобы рядом с ним было название компании. Также при необходимости укажите ширину марки navbar. Вы можете использовать следующие CSS:

.navbar-brand {
  width:150px;
  font-size: 24px;
}
.navbar-brand img {
  height: 50px;
  /* put value of image height as your need */
  float: left;
  marginn-right: 7px;
}