bootstrap引入 - AIF
bootstrap引入
2019-03-09 10:12 AIF 阅读(370) 评论(0) 编辑收藏举报方法一：
注意：引入js时需先引入jQuery
1.在bootstrap中文网上下载源码，解压到路径 (<E:\Lern\bootstrap>)
2.将dist文件夹引入到django模块中，新建一个包，粘贴进入
3.新建一个html，引入要用的bootstrap，如 ： <linkrel="stylesheet"href="css/bootstrap/bootstrap.min.css">
注意引入路径的时候，是在html所在路径查找，如果在上层可以用 ../ ,如
<link rel="stylesheet" href="../static/bootstrap/dist/css/bootstrap.css">
方法二 CDN 引用：
使用 BootCDN 提供的免费 CDN 加速服务（同时支持 http 和 https 协议）
在bootstrap的中文网-起步 这里 ： https://v3.bootcss.com/getting-started/
<!-- 最新版本的 Bootstrap 核心 CSS 文件 --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 --><script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
引入 jquery
1.下载 (<E:\Lern\bootstrap>) jquery-3.3.1.js
<script src="../static/bootstrap/jquery-3.3.1.js"></script>