自举附加功能答案

【问题标题】：Bootstrapp Affix Function自举附加功能
【发布时间】：2018-11-26 15:58:38
【问题描述】：

如果我将代码从 W3Schools 复制到我的网络服务器，那么只要我引用脚本的 CDN 路径和样式表。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

如果我将其更改为已下载到服务器的引导文件的位置，则它不起作用，尽管所有其他引导程序样式和 javascript 函数在引用本地文件时起作用。我也尝试从 Bootstrap 下载最新版本。

抱歉，我可能遗漏了一些明显的东西，但是否可以下载所需的功能和样式以使其正常工作？

【问题讨论】：

您能否提供您尝试从本地文件加载资源的代码-sn-p？

标签： javascript css django django-bootstrap3 django-bootstrap4

【解决方案1】：

我建议试试这个：首先你需要在这种情况下设置你的静态文件 Bootstrap(css, js, etc):

static
....Bootstrap
......CSS
.........bootstrap.min.css
......JS
.........jquery-3.3.1.slim.min.js
.........popper.min.js
.........bootstrap.min.js
....etc
..etc

在这种情况下，我们将静态的可能结构文件夹放入此文件夹中，将包含 css 内容的文件夹放入 bootstrap 的 js 文件中。接下来是在模板中设置 css 和 js 文件的链接，类似于：

{% load staticfiles %}
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{% static 'Bootstrap/css/bootstrap.min.css' %}">

    <title>Hello, world!</title>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="{% static 'Bootstrap/js/jquery-3.3.1.slim.min.js' %}"></script>
    <script src="{% static 'Bootstrap/js/popper.min.js' %}"></script>
    <script src="{% static 'Bootstrap/js/bootstrap.min.js' %}"></script>
  </body>
</html>

现在你需要在你的 settings.py 中使用这个：

..
..
..
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
    '/static/',
]
...
..

这就是在您的模板中加载引导程序或其他静态文件的全部内容，请尝试并祝您好运。

Bootstrap4、3..等下载请到官网：

Official site Bootstrap

【讨论】：

抱歉回复晚了。我再看看，让你知道。我认为我的静态文件是以这种方式设置的，除了“popper.min.js”之外，我还有相同的调用。静态文件正在被拾取，因为我在模板的其他地方使用过它们。
我需要下载popper，因为我最初没有这个。
这里..下载....."cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/…"
谢谢，我希望能尽快尝试并通知您。
您好，我尝试添加 popper 库，但不起作用。我不认为它会因为它没有被引用。它似乎与 bootstrap js 和 bootstrap CSS 隔离，因为如果我取出静态的并用 CDN 替换，那么它就可以工作。我已经下载了最新的。