Html 在Bootstrap4Beta中，如何右对齐最后一个导航项目？

我有一个简单的导航，在bootstrap 4测试版中有三个导航项：

<div class="container">
    <ul class="nav nav-pills">
      <li class="nav-item">
        <a class="nav-link test1" data-toggle="pill" href="#test1" aria-expanded="false">Test1</a>
      </li>
       <li class="nav-item">
        <a class="nav-link test1" data-toggle="pill" href="#test2" aria-expanded="false">Test2</a>
      </li>
       <li class="nav-item">
        <a class="nav-link test3" data-toggle="pill" href="#test3" aria-expanded="false">Test3</a>
      </li>
    </ul>
 </div>

看起来是这样的：

我想要的是，名为Test3的导航项目在ul内部右对齐

这是一本书

---

如何执行此操作？

您可以通过在最后一项中添加

ml auto

来执行此操作。这将左边距设置为

auto

，这意味着它将使用最大可用空间作为边距，因此它将跳到右边

您可以通过将

ml auto

添加到最后一项来完成。这将左边距设置为

auto

，这意味着它将使用最大可用空间作为边距，因此它将跳到右边

从列表中划出一项对可访问性（以及一般的语义结构）不利。不这样做你能做到吗？是的，我更新了我的答案。我认为

w-100

是unnecessary@ZimSystem你说得对，谢谢你指出这一点！：）我把它拿走了。（出于某种原因，在我第一次编写代码时似乎有必要这样做。）从列表中拆分一项对可访问性（以及一般的语义结构）是有害的。不这样做你能做到吗？是的，我更新了我的答案。我认为

w-100

是unnecessary@ZimSystem你说得对，谢谢你指出这一点！：）我把它拿走了。（由于某种原因，在我第一次编写代码时似乎有必要。）已经回答了，请使用

ml auto

@ZimSystem。。。。或将左边距：自动重置为li:最后一个子项（也选择了css标记）已应答，请使用

ml auto

@ZimSystem。。。。或将左边距：自动重置为li:最后一个子项（也选择了css标记）