Как в Bootstrap 4.5 сделать кнопку ЗАПИСАТЬСЯ по центру Navbar в мобильной версии?

Question

[pixal]

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
    <a class="navbar-brand" href="#"><img src="isset/img/logo.png" /></a>
   


    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item">
          <a class="nav-link" href="#section1">Section 1</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section2">Section 2</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section3">Section 3</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section4">Section 4</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section5">Section 5</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section6">Section 6</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#section7">Section 7</a>
        </li>
      </ul>
    </div>
<button class="btn csmButtom d-block mx-auto text-center" data-toggle="modal" data-target="#myModal">ЗАПИСАТЬСЯ</button>
    <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>

   
  
  </nav>

Answer 1

[sanders rocket]

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
    <a class="navbar-brand" href="#"><img src="isset/img/logo.png" /></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 ml-auto">
            <li class="nav-item">
                <a class="nav-link" href="#section1">Section 1</a>
            </li>
            <!--  ну твои элементы тут -->
        </ul>
    </div>
    <button class="btn csmButtom d-block mx-auto text-center" data-toggle="modal" data-target="#myModal">ЗАПИСАТЬСЯ</button>
</nav>