Как сделать отступ сеткой бутстрап?

Question

[Сергей Васенин]

Не могу сдвинуть меню от логотипа сеткой. в Чем может быть проблема?

<header id="header" class="header">
  <div class="container">
    <div class="col-12">
      <div class="row">
    <div class="mnu">
      <div class="col-3">
        <p class="logo">Wd</p>
      </div>

      <div class=".col-md-4  offset-5">
        <nav>
          <ul class="menu d-flex justify-content-center">
            <li class="menu__item"></li>
            <a href="#">Главная</a>
            <li class="menu__item"></li>
            <a href="#">Главная</a>
            <li class="menu__item"></li>
            <a href="#">Главная</a>
            <li class="menu__item"></li>
            <a href="#">Главная</a>
            <li class="menu__item"></li>
            <a href="#">Главная</a>
          </ul>
        </nav>
      </div>
      </div>
    </div>
    </div>

.logo
{
font-family: Revalia;
font-style: normal;
font-weight: normal;
font-size: 48px;
}

.mnu {
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu {

  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #000;

}

Answer 1

[NaN]

Ну во-первых - лишняя точка в классе в разметке <div class=".col-md-4 offset-5">

Во-вторых - у вас у меню есть стили justify-content: center;, которые задаются классом justify-content-center, что скорее всего вам не нужно, т.к меню должно быть справа

Comments

[Сергей Васенин]

но тогда меню не будет выравниваться по горизонтали

[NaN]

Сергей Васенин, я в принципе не понимаю зачем в такой легкой шапке использовать бутстрап.

По горизонтали? оно же должно быть справа?
Или все таки по вертикали?

Answer 2

[Андрей]

Проблема в буцтрапе или в дизайнере

Comments

[NaN]

Андрей, а что с дизайнером не так? ничего тут сложного нет

[Андрей]

Ну возможно, чисто теоретически дизайнер не в курсе как бутстрап сетка работает