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

Question

[Rufix]

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

<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 + выравнивание тоже пробовал - ничего

Comments

[Rustam Bainazarov]

Высоту проверяйте вашего navbar. У вас он просто не во всю высоту родителя.

Answer 1

[Илья Филонов]

при строчном FLEX'е align items выравнивает элемент по-вертикали. Попробуй justify-content-center

Comments

[Rufix]

Безрезультатно.

[Rufix]

К слову, когда я к row задаю align-items-center, navbar немного сдвигается вниз, но буквально на 2-3 пикселя

[Илья Филонов]

А нужно по-вертикали выровнять? Тогда сделай так, чтобы nav был на всю высоту этой строки. Тоже самое проверь и у ul, и у li

[Илья Филонов]

А лучше залей на codepen.io/
Так легче смотреть твой код

[Rufix]

Илья Филонов, Сейчас будет максимально тупой вопрос, но как сделать, чтобы был на всю высоту строки?) height: 100% ?

[Илья Филонов]

Да, не стесняйся) Все норм. Через 100% height, да

[Rufix]

Илья Филонов, Сделал, спасибо)