Bootstrap 4 基础教程Bootstrap 4 安装Bootstrap 4 基本框架Bootstrap 4 网格系统Bootstrap 4 文字排版Bootstrap 4 文本颜色Bootstrap 4 背景颜色Bootstrap 4 表格Bootstrap4 图像效果Bootstrap 4 超大屏幕 ( Jumbotron )Bootstrap 4 信息提示框Bootstrap 4 按钮Bootstrap 4 按钮组Bootstrap4 徽章 ( Badges )Bootstrap4 进度条Bootstrap 4 分页Bootstrap 4 面包屑导航Bootstrap 4 列表组Bootstrap 4 卡片组件Bootstrap 4 下拉菜单Bootstrap 4 折叠组件Bootstrap 4 手风琴Bootstrap 4 导航组件Bootstrap 4 导航栏Bootstrap 4 选项卡组件Bootstrap 4 胶囊导航组件Bootstrap 4 表单Bootstrap 4 表单控件Bootstrap4 轮播组件Bootstrap 4 模态框Bootstrap 4 提示框Bootstrap 4 弹出框Bootstrap 4 自动更新导航插件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