Html 如何在引导过程中将listitems向右对齐？

我正在开发一个网站，我想知道如何将两个列表项（注册和登录）对齐到网站右侧，同时保留其他项目

我在用哈巴狗

  #bs-example-navbar-collapse-1.collapse.navbar-collapse
   ul.nav.navbar-nav
    li
      a(href="#") Product
    li
      a(href="#") Features
    li
      a(href="#") Pricing
    li
      a(href="#") Blog
    li
      a(href="#") Contact Us
    li
      a(href="sign-up") Sign Up
    li
      a(href="#") Login

---

Bootstap 4

如果您使用BootstrapV4，这是相当简单的。您只需应用

.navbar toggler right

修改器类。默认情况下，它是响应性的，因此只会显示在更大的屏幕上，并堆叠在移动设备上

nav.navbar.navbar-toggleable-md
  .collapse.navbar-collapse
    ul.navbar-nav.mr-auto.mt-2.mt-lg-0
      li
        a(href="#") Product
      li
        a(href="#") Features
      li
        a(href="#") Pricing
      li
        a(href="#") Blog
      li
        a(href="#") Contact Us
    ul.my-2.my-lg-0
      li
        a(href="sign-up") Sign Up
      li
        a(href="#") Login

阅读更多信息，请点击

---

Bootstrap 3（最新稳定版本）

如果您正在使用最新的稳定版本的引导，或者低于4的任何东西，那么这就更容易了。只需定义您的右对齐

ul

如下

ul.nav.navbar nav.navbar right

nav.navbar
  .container-fluid
    ul.nav.navbar-nav
      li
        a(href="#") Product
      li
        a(href="#") Features
      li
        a(href="#") Pricing
      li
        a(href="#") Blog
      li
        a(href="#") Contact Us
    ul.nav.navbar-nav.navbar-right
      li
        a(href="sign-up") Sign Up
      li
        a(href="#") Login

---

阅读更多信息，W3学校有一个

在问题中包含您的代码欢迎使用堆栈溢出！寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。请参阅：。将代码作为代码而不是图像包含。此外，这两个图像显示的代码似乎相同。编辑问题您是否使用引导V4？