引导导航栏不起作用

Question

目前我正在学习 Django 框架，我决定通过制作一个简单的博客应用程序来熟悉它，但是我的导航栏有问题，我正在尝试制作一个响应式导航栏，带有折叠类等。我在这个论坛上搜索过这个问题，但没有任何帮助，所以如果可能的话，我需要个人帮助。这是我的代码，请注意我确实包含了 bootstrap 和 bootstrap 的 javascript 插件。提前致谢。 这个导航栏的工作原理：http://scr.hu/28mo/ncxtp

<div class="navbar-wrapper">
<nav class="navbar navbar-inverse navbar-static-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar" aria-expanded="false" aria-controls="navbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">MyBlogName</a>
        </div>
        <div class="collapse navbar-collapse" id ="navbar">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Page 1</a></li>
                <li><a href="#">Page 2</a></li>
                <li><a href="#">Page 3</a></li>
            </ul>

        </div>

    </div>

</nav>
</div>

Answer 1

折叠需要一些Javascript to work properly。您应该将其添加到您的模板中。在您发布的模板中使用脚本标签快速而肮脏。稍后阅读staticfiles 以及如何将它们与您的应用程序一起发布。这里还有一个非常有用的例子：Include CSS and Javascript in my django template