Кнопка находится в верхней шапке, при уменьшении размера экрана, нужно чтобы кнопка перемещалась в шапку меню, как показано на фотке
мой код:
<div class="row">
<div class="col d-flex justify-content-end navbar-header">
<a class="navbar-brand" href="#" style="color: #0CB38A">
<h2>LOGO</h2>
</a>
</div>
<div class="col-5">
<strong style="font-size: 15px;">Ростов-на-Дону</strong><br>
<p class="lead" style="font-size: 15px;"> Ленина 2Б</p>
</div>
<div class="col">
<div class="d-flex justify-content-end">
<h4>+7(863)-777-00-00</h4>
</div>
</div>
<div class="col">
<button type="button" class="btn btn-primary">Записаться на прием</button>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-#0CB38A;">
<div class="container-fluid" style="background-color: #1FA181;">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav mr-auto mb-2">
<li class="nav-item ">
<a href="#" class="nav-link" style="color: white;">О клинике</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" style="color: white;">Услуги</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" style="color: white;">Специалисты</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" style="color: white;">Цены</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link" style="color: white;">Контакты</a>
</li>
</ul>
</div>
</div>
</nav>
Буду очень благодарен!