02-讲课之前对bootstrap的一些了解

这个课程来看一下bootstrap的一些基础内容。

我们下载bootstrap的压缩包解压后是下面这样的结构。

我们下载的都是编译后的版本。

源码版本可以自己官网看一下：

Bootstrap 源码：Less、JavaScript 和 字体文件的源码，并且带有文档。需要 Less 编译器和一些设置工作。

也可以不下载，直接使用其他服务器提供的js css，使用 BootCDN 提供的免费 CDN 加速服务（同时支持 http 和 https 协议）。

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>Code language: HTML, XML (xml)

.MAP文件

同时还提供了 CSS 源码映射文件（bootstrap.*.map）。

引入说明

如果你只是使用bootstrap来进行界面的样式的设计和布局，那么所有的js都可以不引进来，只需要这个css：bootstrap.min.css 就可以了。

只要用到bootstrap的插件，则需要引入下面的两个js（起码）。另外，如果用到第三方的插件，则还要引入第三方的（adminlte这个框架，它用了bootstrap和很多第三方的js插件）。

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>Code language: HTML, XML (xml)