如何使用boostrap在菜单中始终在右侧显示购物车图标

<nav class="navbar navbar-expand-lg" id="myNavbar">
  <!-- 菜单项 -->
</nav>

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCart" aria-controls="navbarCart" aria-expanded="false" aria-label="Toggle navigation">
  <i class="fa fa-shopping-cart"></i>
</button>

<div class="collapse navbar-collapse" id="navbarCart">
  <!-- 购物车图标 -->
</div>

#myNavbar {
  display: flex;
  justify-content: flex-end;
}

#navbarCart {
  flex-grow: 1;
  justify-content: flex-end;
}

.navbar-toggler {
  order: 2;
}