码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap引入

时间:2019-03-09 10:29:22      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:href   最新   icp   static   get   theme   net   rap   art   

方法一:
 
     注意:引入js时需先引入jQuery
 
     1.在bootstrap中文网上下载源码,解压到路径  (<E:\Lern\bootstrap>)
     2.将dist文件夹引入到django模块中,新建一个包,粘贴进入
     3.新建一个html,引入要用的bootstrap,如 :  <link  rel="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>

bootstrap引入

标签:href   最新   icp   static   get   theme   net   rap   art   

原文地址:https://www.cnblogs.com/yeteng/p/10499647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!