How to indent a grid bootstrap?

Can't move the menu from the logo grid. What could be the problem?
5cf8f12951f91655405289.jpeg5cf8f12d6fa11240571720.jpeg
<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="#">Home</a>
 <li class="menu__item"></li>
 <a href="#">Home</a>
 <li class="menu__item"></li>
 <a href="#">Home</a>
 <li class="menu__item"></li>
 <a href="#">Home</a>
 <li class="menu__item"></li>
 <a href="#">Home</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;

}
March 23rd 20 at 19:21
2 answers
March 23rd 20 at 19:23
Well, first - an extra point in the class in the markup <div class=".col-md-4 offset-5">

Secondly, you have the menu there are styles justify-content: center;specified class justify-content-centerthat most likely you do not need to, because the menu should be on the right
but then the menu will not align horizontally - Charles_Purdy49 commented on March 23rd 20 at 19:26
@Charles_Purdy49, I do not understand why in such an easy cap to use bootstrap.

Horizontally? it should be the same right?
Or is it still vertical? - maximilian35 commented on March 23rd 20 at 19:29
March 23rd 20 at 19:25
The problem is buttrape or in the designer
@annetta.Larkin, what's with the designer wrong? there is nothing complicated there - maximilian35 commented on March 23rd 20 at 19:28
Well, perhaps theoretically the designer does not know how the bootstrap grid works - annetta.Larkin commented on March 23rd 20 at 19:31

Find more questions by tags BootstrapCSS