Bootstrap 4 安装 - Bootstrap 4 基础教程

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

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

使用 Bootstrap 4 CDN (推荐)
从官网 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