Bootstrap 4 安装

Bootstrap 4 是前端的组件库,所以不需要复杂的安装过程,只需要引入 Bootstrap 样式表文件和脚本文件即可

可以使用下面两种方式来引入 Bootstrap 4

  1. 使用 Bootstrap 4 CDN (推荐)
  2. 从官网 getbootstrap.com 下载 Bootstrap 4


Bootstrap 4 CDN (推荐)

国内

在中国大陆,我们推荐你使用 BootCDN 上的 Bootstrap 4

<!-- 新 Bootstrap4 核心 css 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">

<!-- jquery文件。务必在 bootstrap.min.js 之前引入 -->
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"></script>

<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>

如果你更喜欢 https://www.staticfile.org/ ,也这是七牛免费提供的 CDN

海外

如果你面向的是海外用户,我们推荐你使用 https://cdnjs.com/


直接下载 Bootstrap 4

也可以在官网 https://getbootstrap.com/ 下载 Bootstrap 4


其它方式

此外还可以通过包的管理工具 npm、 gem、 composer 等来安装

npm

npm install bootstrap@4.0.0

gem

gem 'bootstrap', '~> 4.0.0'

composer

composer require twbs/bootstrap:4.0.0

链接: https://fly63.com/course/19_943