带有bootstraps目录

Question

我认为下载引导程序并将其调整为我的代码会更容易，而不是弄乱cdn。所以我下载了bootstrap，我的目录看起来像这样。

我的静态目录是正确的（我认为）设置，因为我的style.css和maps.js工作正常。

在我的base.html中，我用以下内容引用文件：

The old way <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<link rel='stylesheet' type='text/css' href="{% static 'style.css' %}" />
<script src="{% static 'maps.js' %}"></script>
<script src="{% static 'bootstrap-3.3.7' %}"></script>

静态boostrap-3.3.7不起作用。然而，cdn工作了。我的问题是我的静态导入如何在bootstrap目录正常工作的情况下进行此设置？

如果这是一个愚蠢的问题，我很抱歉。

Answer 1

您正试图在HTML中包含一个完整的目录，这是不可能的。您应该将{% static 'bootstrap-3.3.7' %}中的路径调整为您需要的实际文件的位置。

<script src="{% static 'bootstrap-3.3.7/dist/js/boostrap.min.js' %}"></script>

注意，不要忘记添加css文件，您需要单独包含它们。这可能是：

<link rel="stylesheet" type="text/css" href="{% static 'bootstrap-3.3.7/dist/css/boostrap.min.css' %}"/>