bootstrap框架怎么在html页面加载使用

今日敲代码的时候,正好境遇那么些难点.

 

2/7

装有Bootstrap插件都重视jQuery。而且在正儿8经的项目在那之中大家推荐应用压缩之后的本子,因为它的容积相当的小,到官网下载jQuery援助,如图:

 

Bootstrap 1

 

 

与我们享受这么些化解措施:

6/7

除此以外,bootstrap官方提供了链接服务,永久免费,固然你不下载bootstrap框架文件到本地,也得以一向在html中选择,使用下边这段代码:

<link
href=”http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css
rel=”stylesheet”>

<script
src=”http://libs.baidu.com/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;

<script
src=”http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"&gt;&lt;/script&gt;

Bootstrap, 

 

1/7

到bootstrap官方网址下载,对于大家开发者来说,间接下载编写翻译和削减后的CSS、JavaScript文件,此外还蕴藏字体文件,但是不包涵文书档案和源码文件。打开解压包之后能够窥见含有七个公文夹
css、fonts、js。那是最中央的Bootstrap协会情势:未压缩版的公文能够在任意web项目中一直利用。大家提供了收缩(bootstrap.min.*)与未压缩
(bootstrap.*)的CSS和JS文件。字体图标文件来自于Glyphicons

 

Bootstrap 2

 

 

 

4/7

在bootstrap的根目录下新建3个demo.html文件,(注意,必须在根目录上边新建,因为背后的手续中要将bootstrap框架中的css和js文件链接到创立的demo中)

 

Bootstrap 3

 

 

5/7

编辑demo.html文件,添加对bootstrap框架中css和js的引用,内容如下,图片有注释表明,那样,我们就大约建立了对bootstrap框架的宗旨采用架构

 

Bootstrap 4

 

3/7

将下载后的就jQuery放到bootstrap中的js目录下,如图:

 

Bootstrap 5

 

 

相关文章