位置:电子教程 > Bootstrap4教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Bootstrap4入门
Bootstrap4 网格系统
Bootstrap4 文字排版
Bootstrap4 颜色
Bootstrap4 表格
Bootstrap4 图像形状
Bootstrap4 Jumbotron 超大屏幕
Bootstrap4 信息提示框
Bootstrap4 按钮
Bootstrap4 按钮组 .btn-group 类
Bootstrap4 徽章(Badges)
Bootstrap4 进度条
Bootstrap4 分页
Bootstrap4 列表组
Bootstrap4 卡片
Bootstrap4 下拉菜单
Bootstrap4 折叠
Bootstrap4 导航
Bootstrap4 面包屑导航(Breadcrumb)
Bootstrap4 导航栏
Bootstrap4 表单
Bootstrap4 表单控件
Bootstrap4 输入框组
Bootstrap4 自定义表单
Bootstrap4 轮播
Bootstrap4 模态框
Bootstrap4 提示框
Bootstrap4 弹出框
Bootstrap 滚动监听(Scrollspy)
当前阅读教程:Bootstrap4教程 > Bootstrap4 安装使用
阅读(22555525)      收藏       赞(5685)      分享
上一篇: Bootstrap4入门 下一篇: 创建第一个 Bootstrap 4 页面

我们可以通过以下两种方式来安装 Bootstrap4

使用 Bootstrap 4 CDN

l  从官网 getbootstrap.com 下载 Bootstrap 4

l  官网详细下载地址 https://getbootstrap.com/docs/4.1/getting-started/download/

image.png

Bootstrap 4 CDN

国内推荐使用 Staticfile CDN 上的库:

Bootstrap4 CDN

<!-- Bootstrap4 核心 CSS 文件 -->

<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

 

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

 

<!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->

<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

 

<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->

<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

注意:popper.min.js 用于设置弹窗、提示、下拉菜单,目前 bootstrap.bundle.min.js 已经包含了 popper.min.js

此外,你还可以使用以下的 CDN 服务:

l  国内推荐使用 : https://www.staticfile.org/

l  国际推荐使用:https://cdnjs.com/

说明:目前 国内推荐使用 Staticfile CDN 上的

 

下载 Bootstrap 4

你可以去官网 https://getbootstrap.com/ 下载 Bootstrap4 资源库。

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

npm install bootstrap@4.0.0-beta.2

gem 'bootstrap', '~> 4.0.0.beta2'

composer require twbs/bootstrap:4.0.0-beta.2

 


上一篇: Bootstrap4入门 下一篇: 创建第一个 Bootstrap 4 页面
毕业设计网             广告联系QQ:45157718(微信同号)