Bootstrap环境安装和jQuery安装

时间:2024-02-01 07:49:44

Bootstrap安装

从 http://getbootstrap.com/下载Bootstrap

Download Bootstrap:下载 Bootstrap。点击该按钮,您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文档和最初的源代码文件。

Download Source:下载源代码。点击该按钮,您可以直接从 from 上得到最新的 Bootstrap LESS 和 JavaScript 源代码。

文档结构简单介绍

预编译的 Bootstrap,Download Bootstrap,解压缩后,下面的文件/目录结构

 

如上图所示

可以看到已编译的 CSS 和 JS(bootstrap.*)

以及已编译压缩的 CSS 和 JS(bootstrap.min.*)

CSS 源地图bootstrap.*.map)可用于某些浏览器的开发人员工具

同时也包含了 Glyphicons 的字体,这是一个可选的 Bootstrap 主题。

 

Bootstrap 源代码,Download Source,文件结构如下:

 

  • less/js/ 和 fonts/ 下的文件分别是 Bootstrap CSS、JS 和图标字体的源代码。
  • dist/ 文件夹包含了上面预编译下载部分中所列的文件和文件夹。
  • docs-assets/examples/ 和所有的 *.html 文件是 Bootstrap 文档。

 如果不想下载可以使用Bootstrap提供的官方链接,下载页面往下拉就可以看到:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

其它Bootstrap CDN推荐

国内:

1、百度的静态资源库(http://cdn.code.baidu.com/)上的Bootstrap资源。

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<!-- 可选的Bootstrap主题文件(一般不使用) -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/js/bootstrap.min.js"></script>

 

2、staticfile.org是国人所搭建的一个公共CDN,专门用于Web相关的JS、CSS等文件。

https://www.staticfile.org/

国际:

推荐使用:https://cdnjs.com/

jQuery安装

从 jquery.com 中下载。

  • Production version - 用于实际的网站中,已被精简和压缩。
  • Development version - 用于测试和开发(未压缩,是可读的代码)

 jQuery  CDN推荐

BootCDNA(又拍云提供)

BootCDN 是 Bootstrap 中文网支持并维护的开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、Angular 一样优秀的开源项目提供稳定、快速的免费 CDN 服务。

BootCDN 所收录的开源项目主要同步于 cdnjs 仓库。

<!-- BootCDNA-->
<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">
</script>
</head>

 

 

<!-- 百度CND-->
<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>
<!--新浪CDN-->
<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>
<!--微软CDN-->
<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">
</script>
</head>