bootstrap入门（1） bootstrap下载与安装

最新推荐文章于 2023-08-15 17:39:54 发布

yan57271

最新推荐文章于 2023-08-15 17:39:54 发布

阅读量1.2k

点赞数

分类专栏： bootstrap 文章标签： bootstrap

本文链接：https://blog.csdn.net/yan57271/article/details/46990283

版权

1 篇文章 0 订阅

订阅专栏

bootstrap可以理解为一套优秀的css jq的集合包。

一、下载：

下载通过

http://v3.bootcss.com/

进入网站后点击下载bootstrap

有3个下载

1.下载bootstrap

2.下载源码

第一个可以理解为编译好的bootstrap

第二个为bootstrap的所有源码

下载完成后，解压。

同时也可以通过http://bootstrap.kinghack.com/customize.html

进行定制下载。

二、文件解析：

解压后，打开编译好的bootstrap。

有3个文件分别为

根据字面即可理解每个文件夹里包含的文件。

bootstrap.css保存的就是未经过压缩的css表。

bootstrap.min.css保存的是压缩后的css表（除去空格换行）在使用时，引用了该项无需引用上一项。

bootstrap-theme.css 是扩展的css表可根据需要添加

min同上

.map文件为source map

在js文件中加入sourceMappingURL = bootstrap.css.map

即可保证，在引用min文件的时候出错时，显示的是完整的.css

三、引用bootstrap：

在<head>中添加：

<link href="bootstrap/3.3.5/css/bootstrap.min.css">

引用bootstrap css

在<body>中添加：

<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>

<script src="bootstrap/3.3.5/js/bootstrap.min.js"></script>
（引用bootstrap js需引用标准jquery基础库文件）

关注

专栏目录