Как сделать адаптивное меню bootstrap?

Question

[Никита Ярёменко]

Идея заключается в том, чтобы на мобильных устройствах меню открывалось по кнопке:

<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 float- w- text-center justify-content-lg-center text-nowrap" id="navbarNav shadow-lg p-3 mb-5 bg-white rounded" >
		    <ul class="navbar-nav" id="menu">
		      <li class="nav-item active">
		        <a class="nav-link" href="#">Главная <span class="sr-only">(current)</span></a>
		      </li>
		      <li class="nav-item">
		        <a class="nav-link" href="#">Новости</a>
		      </li>
		      <li class="nav-item" id="about">
		        <a class="nav-link" href="#">О нас</a>
		      </li>
		      <li class="nav-item">
		        <a class="nav-link" href="#">Галерея</a>
		      </li>

		        <a class="nav-link" href="#">Видео</a>
		      </li>		    
		      <li class="nav-item">
		        <a class="nav-link" href="#">Контакты</a>
		      </li>		       
		    </ul>
		  </div>

Всё работало до какого-то момента. Как это сделать?