javascript - Bootstrap 附加功能
问题描述
如果我将代码从 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 下载最新版本。
抱歉,我可能遗漏了一些明显的东西,但是是否可以下载此功能所需的功能和样式?
解决方案
我建议试试这个:首先你需要在这种情况下设置你的静态文件 Bootstrap(css,js 等):
static
....Bootstrap
......CSS
.........bootstrap.min.css
......JS
.........jquery-3.3.1.slim.min.js
.........popper.min.js
.........bootstrap.min.js
....etc
..etc
在这种情况下,我们将静态的可能结构文件夹放入此文件夹中,将包含 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>
现在你需要在你的 settings.py 中使用它:
..
..
..
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
'/static/',
]
...
..
这就是在您的模板中加载引导程序或其他静态文件的全部内容,请尝试并祝您好运。
下载 Bootstrap4 , 3..etc.. 去官网:
推荐阅读
- python - SublimeREPL 不运行
- django - Django尝试除了'AnonymousUser'的错误
- swift - UIButton 集合设置上次按下按钮的颜色
- json - 反应原生 | Axios 向 Mockable.io API 发布请求
- python - 为什么这个双循环在 python 中比 matlab 慢得多?
- python - ValueError:检查目标时出错:预期dense_4的形状为(9,),但数组的形状为(8,)
- loops - OpenMP:不同的内存位置会加速循环吗?
- java - Java 应用程序的 Google Cloud App Engine 部署失败
- javascript - 我的刽子手游戏在显示您已获胜的警报之前不显示完整的单词
- javascript - 导航离子 4 香草 Javascript