почему элементы не разнесены?

Question

эй, я хочу, чтобы на сайте с помощью bootstrap в навигационной панели был интервал 3 div, и я не получаю желаемых результатов, я хочу, чтобы DIV БЫЛ таким, как это, пожалуйста, помогите мне решить эту проблему. с bootstrap классами

<content of div1> <content of div2> <content of div3>

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

<nav class="navbar navbar-expand-sm navbar-light bg-light d-flex justify-content-between  ">
  <div>// div 1//
  </div>
  <div class="collapse navbar-collapse " id="navbarSupportedContent">// div 2//
  </div>
  <div>// div 3//
  </div>
</nav>

Answer 1

По умолчанию .navbar-collapse установлено на flex-grow:1. Вы должны отключить это, чтобы получить то, что вы хотите:

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

<nav class="navbar navbar-expand-sm navbar-light bg-light d-flex justify-content-between  ">
  <div>// div 1//
  </div>
  <div class="collapse navbar-collapse flex-grow-0" id="navbarSupportedContent">// div 2//
  </div>
  <div>// div 3//
  </div>
</nav>