Fatal编程技术网

Javascript 自举粘贴函数

javascript css django

Javascript 自举粘贴函数,javascript,css,django,django-bootstrap3,django-bootstrap4,Javascript,Css,Django,Django Bootstrap3,Django Bootstrap4,如果我将代码从W3Schools复制到我的web服务器，那么只要我引用脚本的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"><

如果我将代码从W3Schools复制到我的web服务器，那么只要我引用脚本的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下载最新版本

很抱歉，我可能遗漏了一些明显的内容，但是否可以下载此功能所需的功能和样式？

我建议尝试以下方法：首先，在这种情况下，您需要设置静态文件引导（css、js等）：

在本例中，我们有一个posible结构的文件夹，用于将静态内容放入该文件夹，其中包含css和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>
这是所有的加载引导或其他静态文件在您的模板，请尝试和好运

下载Bootstrap4，3..等。。请访问官方网站：

您能提供您试图从本地文件加载资源的代码段吗？很抱歉，回复太晚。我会再看一眼，让你知道。我认为我的静态文件是这样设置的，除了“popper.min.js”之外，我还有相同的调用。由于我在模板中的其他地方使用了静态文件，因此正在拾取静态文件。我需要下载popper，因为我最初没有此文件。此处..下载...“谢谢，我希望很快尝试此操作并让您知道。您好，我已尝试添加popper库，但不起作用。我认为不会，因为它没有被引用。它似乎与引导js和引导CSS隔离开来，因为如果我去掉静态的，替换成CDN的，它就可以工作了。我已经下载了最新的。 
{% 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>

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

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