bootstrap引入

方法一：

注意：引入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>

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

时间： 2024-08-02 06:47:20

bootstrap引入的相关文章

①bootstrap引入

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,

BootStrap引入不显示效果

<script type="text/javascript" src="../js/jquery-1.11.0.js"/> <script type="text/javascript" src="../js/bootstrap.min.js"/> 写成上述代码会不显示效果 当改写成如下代码,发现进入了里一个世界. <script type="text/javascript" s

Bootstrap 引入文件顺序及IE兼容性js

<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" cont

HTML引入bootstrap

Bootstrap的引用方法分为两种:1)将Bootstrap下载到本地引用  2)在线引用Bootstrap 引用方法 1) 将Bootstrap下载到桌面然后解压缩(当然你可以将解压缩的Bootstrap文件放到任意位置,但是解压缩的Bootstrap文件必须和HTML在同一目录下),我自己写的HTML文件也在桌面上,我下载的是bootstrap-3.3.7-dist. 解压缩后的bootstrap-3.3.7-dist <!DOCTYPE html><html lang="

bootstrap使用时 细节心得

最近国庆7天 还原某丽说 APP PC端网页(作业)时  全程使用bootstrap制作 也遇到了以前很少碰到过的问题 bootstrap 本身修改了某些默认样式  即使在 未给标签class命名某个bootstrap模板时  某些标签也被修改过  这样会容易使某些像我一样的新手误以为自己写的代码哪里出了问题  而浪费很多时间去找一个 没有错误的错误  所以在这里给各位同学做个温馨提示 例如 fieldset 中 lengd标签中的文字 应该是水平居中 位于两侧横线中间 并且垂直居中于横线 但在

python_way day17 前段插件（fontawsome，easyui，bootstrap，jqueryui，bxslider，jquerylazyload），web框架

python_way day17 一.模板插件 图标的插件 fontawsome: 后台管理: easyui jqueryui 很多网站都会用: bootstrap :引入jQuery:(2.x,1.1.) :引入js bootstrap模板: bootstrap后台管理模板: bxslider:轮播图 jquerylazyload:延迟加载,所有的图片延迟加载 http://www.cnblogs.com/wupeiqi/articles/5813161.html faulure_limit:

前端基础之Bootstrap介绍

bootstrap简介 http://v3.bootcss.com/ Bootstrap优点:  下载:  Bootstrap引入 <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="dist/css/bootstrap.min.css" rel="stylesheet"> <script

knockout+bootstrap+MVC 登录页实现

一.环境概述 1.MVC4.0项目 2.bootstrap引入: 生产环境版本引入:在web\Content 文件夹中引入bootstrap-3.2.0-dist, 源码版本CSS引入:将bootstrap-3.2.0\docs\examples中的所有css复制到Web\Content\bootstrap-3.2.0-dist\css\themes 3.KnockoutJS引入: 将knockout-3.2.0.js文件引入到Web\scripts 4.JQuery引入 二.前端CSHTML

我为什么一直不愿意用bootstrap

做前端有2年多的时间了,知道bootstrap已经很久了. 第一次了解bootstrap是1年前,公司的一次培训中. 当时感到非常的愤怒,因为对框架的了解不够深入差生了这样的一个想法: 怎么会有这种框架,害的我们的开发人员只知道死背class,和html,脱离了bootstrap就写不了页面了,跟别提自己动手写一个js插件出来玩玩了. 然而时隔一年,我又重新注意到了这个前端框架.查阅了很多关于这个框架的网页和网站, 做出来的东东的确很好看.所以也花费了很大的精力来学习这个框架,还特地买了本书.