CSS / Boostrap 4 - Центр по окну просмотра

Question

Я довольно новичок в html / css / bootstrap 4 и сейчас создаю навигационную панель.По сути, мне нужен логотип youtube , который перенаправляет на yt-канал слева, спойтирует логотип для спойтера создателя справа, а посередине - имя создателя, которое является раскрывающимся списком для навигации по сайту.Каким-то образом мне удалось сделать это с одним исключением - имя создателя не отцентрировано в области просмотра, поэтому, когда я иду, чтобы создать заголовок, они не выровнены по горизонтали - имя немного смещено от центра (справа).Как мне сделать центрирование?-

Мой грязный код:

<nav class="navbar navbar-light bg-black">
  <a class="nav-link" style="color:white" href="https://www.youtube.com/channel/UC_OvfkWfYRvdkazcOoeJd8Q"><img src="img/yt-logo-dark.png" alt="YouTube" height="25px"></a>
  <ul class="nav justify-content-center">
    <li class="nav-item dropdown">
      <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" style="color:white"><h2>KJK Music</h2></a>
      <div class="dropdown-menu">
        <a class="dropdown-item disabled" href="about-me">O mně</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item disabled" href="about-site">O stránce</a>
      </div>
     </li>
    </ul>
    <a class="navbar-link" style="color: white" href="https://open.spotify.com/artist/7vlBedEBJhQlJCl1tpknhi"><img src="img/SpotifyIcon.png" alt="Spotify" height="50px" style="margin:12.5px"></a>
</nav>

(Пришлось бы сделать это как фрагмент кода, иначе форматирование было бы еще более странным)

Answer 1

Если вы хотите сделать горизонтальный центр "KJK Music", он уже центрирован, потому что ваш тег имеет класс justify-content-center.+ Вы можете использовать класс «text-center», чтобы сделать его горизонтально центрированным или выровнять текст: center CSS свойство.