Django引入Bootstrap框架
原创
©著作权归作者所有:来自51CTO博客作者加班永动机的原创作品,请联系作者获取转载授权,否则将追究法律责任
BootStrap
BootStrap的各版本链接地址:https://www.bootcdn.cn/twitter-bootstrap/
BootStrap中文官方文档:http://code.z01.com/v4/components/carousel.html
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link href="http://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet" />
</head>
<body>
</body>
</html>
在其中随便写一点东西,效果如下(可见是成功引入了Bootstrap框架):
jQuery
jQuery 所有版本在线引用 - JavaJobs -
在线引用jQuery的代码:
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
引用本地文件的BootStrap框架
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" />
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>