How to set elements on the sides?

Question

css

Hello. There is bootsrap markup:

<nav class="navbar navbar-expand-lg navbar-light">
  <a class="navbar-brand" href="#">Company</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">

      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="#">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">menus</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Reservation</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">About us</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">features</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">events</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">contacts</a>
        </li>
        <li class="nav-item navRight"><a href="" class="nav-link">insta</a></li>
        <li class="nav-item navRight"><a href="" class="nav-link">insta</a></li>
        <li class="nav-item navRight"><a href="" class="nav-link">insta</a></li>
      </ul>
  </div>
</nav>

It needs to be like this -
navbar-brand is on the left, nav-item is in the center, and navRight is on the right. Are there any bootstrap classes that allow you to do this, or do you need to prescribe in CSS? If so, what classes? If in CSS, then how?

Answer 1

<div class="container">
<div class="header-holder">
Здесь твои три блока
</div>
</div>

.header-holder {
display: flex;
justify-content: space-between;
align-items: center;
}