Bootstrap环境安装和jQuery安装

Bootstrap安装

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

Bootstrap环境安装和jQuery安装

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

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

文档结构简单介绍

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

Bootstrap环境安装和jQuery安装

 

如上图所示

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

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

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

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

 

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

 Bootstrap环境安装和jQuery安装

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

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

Bootstrap环境安装和jQuery安装

<!-- 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 中下载。

Bootstrap环境安装和jQuery安装

  • 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>

 

原文链接:https://www.cnblogs.com/shiy/p/6650717.html

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7517

(0)
上一篇 2022年10月19日 19:51
下一篇 2022年10月19日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml