как заставить работать "flex justify" в navbar

Question

я работаю на navbar с начальной загрузкой и имею проблемы только с классом nav, то есть justify-content-lg-around , который не работает, и я понятия не имею.

 <nav class="navbar navbar-expand-lg navbar-dark bg-dark justify-content- 
       lg-around fixed-top">

       <a href="" class="navbar-brand"><img src="bluelogo.jpg" width="50" height="50" alt="" class="mx-1" />blues nepal</a>
       <button class="navbar-toggler" data-toggle="collapse" data-target="#blueenav">
           <span class="navbar-toggler-icon"></span>
       </button> 
       <div class=" collapse navbar-collapse w-auto" id="blueenav">
          <ul class="navbar-nav">
              <li class="nav-item">
                  <a href="" class="nav-link">home</a>
              </li>
              <li class="nav-item">
                  <a href="" class="nav-link">courses</a>
              </li>
              <li class="nav-item">
                  <a href="" class="nav-link">about</a>
              </li>
              <li class="nav-item">
                  <a href="" class="nav-link">blog</a>
              </li>
           </ul>
           <button class="btn btn-danger rounded">APPLY</button>
       </div>

    </nav>

на самом деле, не только оправданный контент вокруг, но и ни одно из свойств flex не работает.

Answer 1

Добавление класса d-flex в свойстве flex тега nav будет работать, только если вы сделаете родительский div гибким, используя d-flex в начальной загрузке или отобразите flex в css.