Bootstrap Mobile Toggle 在 Django 中不起作用答案

【问题标题】：Bootstrap Mobile Toggle not working in DjangoBootstrap Mobile Toggle 在 Django 中不起作用
【发布时间】：2019-08-21 04:54:07
【问题描述】：

我正在使用 Django，并且我的 bootstrap4 加载了包含在正确链接的样式表引用中的 min.css/js 文件，但我的移动切换菜单在单击时拒绝切换。我的浏览器源代码显示它已加载这些文件而没有任何错误，因此我假设我缺少在 Django 中使用引导切换菜单所需的文件。

{% load static %}
<!DOCTYPE html>
    <head>
        <meta charset="utf-8">
        <title>Flash Stacks</title>
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.js' %}">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    </head>
    <body>
        <!--NAVIGATION-->
        <header class="main-head">
            <nav class="navbar navbar-expand-lg navbar-light bg-light">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">EXAMPLE APP</a>
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <!--COLLAPSIBLE CONTENT-->
                    <div class="collapse navbar-collapse" id="main-nav">
                    <!--LINKS-->
                        <ul class="nav navbar-nav mr-auto">
                            <li class="nav-item">
                                <a class="nav-link" href='#'>About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href='#'>Pricing</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href='#'>Products</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
            <div class="page-header container-fluid">
                <h1>Flash Card Stacks</h1>
            </div>
        </header>
        <!--BODY CONTENT -->
        <div class="content container-fluid">
            {% block content%}
            {% endblock %}
        </div>
        <!--FOOTER CONTENT-->
        <div class="footer container-fluid">
            <p>This is the footer of the webpage!</p>
        </div>
    </body>
</html>

【问题讨论】：

你需要包含jquery和proper js getbootstrap.com/docs/4.3/getting-started/introduction/…
在引导之前包含 jquery
认为这包含在 min.js 中。有没有办法可以像使用 css 一样将这些作为单独的模块添加，我似乎无法在 bootstrap4 下载中找到这些文件。

标签： css django twitter-bootstrap

【解决方案1】：

首先你必须检查所有的html标签和其他项目；

【讨论】：

在您的页面中添加。
这没有任何改变，也没有回答我的问题，我一直在将代码块转换成块，但一直在尝试让它工作。
你试过了吗？首先
在我发布这个并注意到它后不久它就被改变了。我可以加载没有 html 标签的裸 JS....