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

今日敲代码的时刻,正好遇到这个问题.

与大家分享者解决方式:

 

 

1/7

到bootstrap官方网站下载,对于我们开发者来说,直接下载编译和压缩后的CSS、JavaScript文件,另外还蕴含字体文件,但是不含文档和源码文件。打开解压包之后好发现含有三只公文夹
css、fonts、js。这是无限中心的Bootstrap组织形式:未压缩版的公文可以以任意web项目中直接采用。我们提供了压缩(bootstrap.min.*)与无压缩
(bootstrap.*)的CSS和JS文件。字体图标文件来于Glyphicons

 

图片 1

 

 

2/7

负有Bootstrap插件都依赖jQuery。而且当正式的类别当中我们引进下压缩后的版本,因为她的体积大粗,到官网下载jQuery支持,如图:

 

图片 2

 

 

3/7

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

 

图片 3

 

 

4/7

于bootstrap的绝望目录下新建一个demo.html文件,(注意,必须在清目录下面新建,因为后面的步子中如拿bootstrap框架中之css和js文件链接到创建的demo中)

 

图片 4

 

 

5/7

编纂demo.html文件,添加对bootstrap框架中css和js的援,内容如下,图片发注释说明,这样,我们即便大多建立了针对bootstrap框架的中心采用架构

 

图片 5

 

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;

 

 

相关文章