如何让Bootstrap导航栏徽标和菜单分别在左侧和右侧有“填充”？

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
    <div class="navbar-brand">Logo</div>
    <div class="navbar-collapse justify-content-end">
      <ul class="navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="#">Menu 1</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Menu 2</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#">Menu 3</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

.navbar-brand {
  padding-right: 10px;
}

.navbar-nav {
  padding-left: 10px;
}