html - 导航栏折叠

Question

我试图制作一个如下所示的导航栏：

<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
     <a href="#" class="navbar-brand">CIDashboard</a>
     <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarMenu">
          <span class="navbar-toggler-icon"></span>
     </button>
    <div class="collapse navbar-collapse" id="navbarMenu">
       <ul class="navbar-nav">
           <li class="nav-item">
               <a href="#" class="nav-link">LOG OUT</a>
           </li>
           <li class="nav-item">
               <a href="#" class="nav-link">USER</a>
           </li>
       </ul>
</div>
</nav>

我的问题是导航栏右侧有一个空间。

我该如何解决这个问题？

标签： htmlbootstrap-4navbar