下载 Bootstrap

Bootstrap 安装是非常容易的，你可以从 Bootstrap官网：https://www.bootcss.com/ 上下载 Bootstrap 的最新版本。

下载 Bootstrap

为了更方便的使用，你可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。
当您下载了 Bootstrap 的已编译的版本，解压缩 ZIP 文件，您将看到下面的文件/目录结构：

  1. ➜  bootstrap-3.3.7-dist tree
  2. .
  3. ├── css
  4. │   ├── bootstrap-theme.css
  5. │   ├── bootstrap-theme.css.map
  6. │   ├── bootstrap-theme.min.css
  7. │   ├── bootstrap-theme.min.css.map
  8. │   ├── bootstrap.css
  9. │   ├── bootstrap.css.map
  10. │   ├── bootstrap.min.css
  11. │   └── bootstrap.min.css.map
  12. ├── fonts
  13. │   ├── glyphicons-halflings-regular.eot
  14. │   ├── glyphicons-halflings-regular.svg
  15. │   ├── glyphicons-halflings-regular.ttf
  16. │   ├── glyphicons-halflings-regular.woff
  17. │   └── glyphicons-halflings-regular.woff2
  18. └── js
  19.     ├── bootstrap.js
  20.     ├── bootstrap.min.js
  21.     └── npm.js

如上所示，可以看到已编译的 CSS 和 JS（bootstrap.），以及已编译压缩的 CSS 和 JS（bootstrap.min.）。同时也包含了 Glyphicons 的字体，这是一个可选的 Bootstrap 主题。

Bootstrap CDN 推荐

您也可以选择不下载 Bootstrap，直接使用 Bootstrap CDN 库，国内推荐使用 BootCDN 上的库。
具体使用如下：

  1. <!-- Bootstrap核心CSS文件 -->
  2. <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  3. <!-- jQuery文件，务必在bootstrap.min.js之前引入 -->
  4. <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
  5. <!-- Bootstrap核心JavaScript文件 -->
  6. <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

此外，您还可以使用以下的 CDN 服务：


【判断题】jQuery 文件必须在 bootstrap.min.js 之前引入

  • 正确
  • 错误