Question

我正在按照Django入门指南中的说明进行操作。我目前在第13章，尝试创建我的主页，在右上角有一个下拉导航栏，在左上角有一个带有创建新文章按钮的登录名。但是，我的代码最终将“创建新文章”按钮和下拉栏都置于右侧。此外，当我单击它时，下拉栏没有显示预期的选项。

这是使用Django 2.x编写的。

这是我的代码：

 <a class="navbar-brand" href="{% url 'home' %}">Newspaper</a>
 <button class="navbar-toggler" type="button" data-toggle="collapse"
 data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
 aria-label="Toggle navigation">
   <span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
 {% if user.is_authenticated %}
   <ul class="navbar-nav ml-auto">
   <ul class="navbar-nav mr-auto">
       <li class="nav-item"><a href="{% url 'article_new' %}">+ New</a></li>
   </ul>
     <li class="nav-item">
       <a class="nav-link dropdown-toggle" href="#" id="userMenu"
       data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
         {{ user.username }}
       </a>
       <div class="dropdown-menu dropdown-menu-right"
       aria-labelledby="userMenu">
         <a class="dropdown-item" href="{% url 'password_change' %}">Change password</a>
       <div class="dropdown-divider"></div>
       <a class="dropdown-item" href="{% url 'logout' %}">Log out</a>
       </div>
     </li>
   </ul>
 {% else %}
   <form class="form-inline ml-auto">
     <a href="{% url 'login' %}" class="btn btn-outline-secondary">Log in</a>
 <a href="{% url 'signup' %}" class="btn btn-primary ml-2 ">Sign up</a>
   </form>
 {% endif %}
 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
 aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>```

Here are the expected results:
 ![Expected](https://i.imgur.com/O92rHIH.png)
 ![Expected1](https://i.imgur.com/teyrG00.png)
Here's what I generated:
 ![Actual](https://i.imgur.com/wZ7JlXw.png)

如何在Django中创建一个下拉菜单，如下所示？

0 个答案: