如何在右侧移动导航栏项目

我正在使用引导程序类，我需要徽标在左侧，但导航项目在右侧。也要响应。

https://imgur.com/zL8LrTG 导航栏现在

       <!-- Logo -->
       <a class="navbar-brand" href="#">
           <img class="img-fluid" src="images/header-logo.png" alt="logo">
       </a>

       <!-- Toggler/collapsibe Button -->
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
           <span class="navbar-toggler-icon"></span>
       </button>

       <!-- Nav items -->
       <div class="collapse navbar-collapse" id="collapsibleNavbar"> <!-- Collapse navbar -->
           <ul class="navbar-nav">
               <li class="nav-item">
                   <a class="nav-link" href="#">Home</a>
               </li>
               <li class="nav-item">
                   <a class="nav-link" href="#">Products</a>
               </li>
               <li class="nav-item">
                   <a class="nav-link" href="#">Services</a>
               </li>
               <li class="nav-item">
                   <a class="nav-link" href="#">Contact</a>
               </li>
           </ul>
       </div>
   </nav>