我正在使用Bootstrap 5，并希望在同一行上将一组菜单按钮向左对齐，另一组向右对齐。我的代码将第二个组放在左边的第一个组下面。

我有：

<代码>按钮1按钮2按钮3按钮4

我想：

<代码>按钮1按钮2按钮3按钮4

代码是：

button1  button2
button3  button4

顺晟科技：

简短的回答：如果您将类button1 button2 button3 button 4 添加到您的第一个<div class="collapse navbar-collapse" id="epNavbar"> <ul class="navbar-nav w-100 me-auto mb-2 mb-lg-0"> <li class="nav-item dropdown"> <ul class="nav navbar-nav navbar-left"> <li><a type="button" class="btn btn-colour1 nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">Administration<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a type="button" class="btn btn-colour1" href="BdyWghtMonAdmin.html">Body Weight Monitoring Frequency Administration</a></li> <li><a type="button" class="btn btn-colour1" href="SupplementAdmin.html">Post-Training Supplement Aministration</a></li> </ul> </li> <li><a type="button" class="btn btn-colour1" href="AccountUpdate.html">Account Update</a></li> <li><a type="button" class="btn btn-colour1" href="ExerciseAdmin.html">Exercise Library</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a type="button" class="btn btn-success" href="LoginRoleSelect.html">Select Role</a></li> <li><a type="button" class="btn btn-danger" href="Login.html">Log out</a></li> </ul> </li> </ul> </div> <!-- /.navbar-collapse --> 标记，则应该将第二组按钮推到容器的右侧（或“末尾”）。

这个问题有一个很好的答案，上面有一个代码示例：引导导航栏，项目