Django 模板中的导航栏答案

【问题标题】：Navigation Bar in Django TemplateDjango 模板中的导航栏
【发布时间】：2017-08-18 01:12:43
【问题描述】：

我一周前开始了我的 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 %}

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

【问题讨论】：

请添加查看代码
@BearBrown 你要主 .html 文件吗？
我询问了你的 python 代码，你如何发送上下文。

标签： html css django twitter-bootstrap-4

【解决方案1】：

导航条码没问题。提及类型

<link rel="stylesheet" type="text/css" 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' %}" />

【讨论】：

其他一切都可以正常使用 bootstrap 。问题只是当我使用导航类时