Css Bootstrap4相邻导航栏列

这是我的密码：

<nav class="navbar navbar-expand-lg navbar-light bg-light" role="navigation" id="navbar">
      <div class="container">
          <a class="navbar-brand mynav" href="{% url 'home' %}">Star Social</a>
              <ul class="navbar-nav navbar-right">
                  {% if user.is_authenticated %}

                      <li><a href="">Posts</a></li>
                      <li><a href="">Groups</a></li>
                      <li><a href="">Create Group</a></li>
                      <li><a href="{% url 'accounts:logout' %}">Logout</a></li>

                  {% else %}
                    <li><a href="">Group</a></li>
                    <li><a href="{% url 'accounts:login' %}">Login</a></li>
                    <li><a href="{% url 'accounts:signup' %}">Signup</a></li>
                  {% endif %}
              </ul>
      </div>
  </nav>

我有这样的代码，但是当我运行服务器时，我得到了这样的风格

---

在您的引导代码标记中，您忘记了添加类，它工作正常，因此请让我知道它工作正常，但我想显示右上角对齐的类别。导航栏右侧代码不适用于此代码hii@sonelektrikci我更新我的答案你能试试吗？祝它工作顺利

 <nav class="navbar navbar-expand-lg navbar-light bg-light" role="navigation" id="navbar">

          <a class="navbar-brand" href="{% url 'home' %}">Star Social</a>

              <ul class="navbar-nav ml-auto">
                 <!-- {% if user.is_authenticated %} -->
                      <li class="nav-item active"><a class="nav-link" href="">Posts</a></li>
                      <li class="nav-item"><a class="nav-link" href="">Group</a></li>
                      <li class="nav-item"><a class="nav-link" href="">Create Group</a></li>
                      <li class="nav-item active"><a class="nav-link" href="{% url 'accounts:logout' %}">Logout</a></li>

               <!--   {% else %} -->

                      <li class="nav-item"><a class="nav-link" href="">Group</a></li>
                      <li class="nav-item"><a class="nav-link" href="{% url 'accounts:login' %}">Login</a></li>
                      <li class="nav-item"><a class="nav-link" href="{% url 'accounts:signup' %}">Signup</a></li>
       <!--           {% endif %} -->
              </ul>
    </nav>