What's wrong with the menu?

Question

css

What's wrong, why is the text above the logo (don't scold me, I'm just starting to learn bootstrap)?

Code - https://jsfiddle.net/3c7zckuq/1/

Answer 1

Based on the code - everything is correct :)
To make it like here https://getbootstrap.com/docs/4.0/components/navs/ you need to replace the menu code with:

<ul class="nav">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#">Disabled</a>
  </li>
</ul>

You can also remove your custom css for ul.
and to make the menu centered in height, add css

div.col-md-9{
  style="display: flex;
  justify-content: center;
  flex-direction: column;"
}

Although this is not the best option