Как выровнять nav по центру в bootstrap?

Вот исходный код:

<header id="header" class="header">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-2">
        <div class="logo">
          <img src="img/logo.png" alt="Logotype">
          <span class="logo-title">tajam</span>
        </div>
      </div>
      <div class="col-md-7 ml-auto">
        <nav>
          <ul class="navbar">
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
            <li class="navbar__item"><a href="#" class="navbar__link">Home</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </div>
</header>

А вот то, что получается из него:


Куда я этот "align-items-center" не пихал, ничего не помогает.. Через css задавать flex + выравнивание тоже пробовал - ничего