Question

我在一周前开始了我的Django项目，目前正在尝试构建一个导航栏。源代码是：

 {% load  static %}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" >
<link rel = "stylesheet" type = "text/css" href="{% static 'music/style.css' %}" /> 


<nav class="navbar navbar-default">
    <div class="container-fluid">

        <!--LOGO-->
        <div class = "navbar-header">
            <a class="navbar-brand" href="{%url 'music:index'%}">Pleer...</a>
        </div>
    </div>
</nav>

{% if all_albums %}
<h3 class="text-muted">&nbsp;&nbsp;&nbsp;Albums</h3>
<ul>
    {% for album in all_albums %}
    <li class="text-primary"><a href="{%url 'music:detail' album.id %}"><b class="text-danger">{{album.album_title}}</b></a></li>
    {% endfor %}
</ul>
{% else %}
    <h2>NO ALBUM FOUND</h2>
{% endif %}

但结果只是一个没有导航栏的简单链接。 我错过了什么吗？ 请帮帮我。

Answer 1

导航条形码很好。提到类型

<link rel="stylesheet" type="text/css" href=" https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" >

并检查是否加载了bootstrap。还添加

<link rel = "stylesheet" type = "text/css" href="{% static 'music/style.css' %}" />

Django模板中的导航栏

1 个答案: