Skip to main content
Bootstrap
Bootstrap logo

使用 Bootstrap 构建快速、响应式布局的网站

Bootstrap 是全球最流行的前端开源工具包,它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件,助你快速设计和自定义响应式、移动设备优先的站点。

当前版本: v5.0.0-beta1 · 历史版本列表

安装 Bootstrap

通过 npm、Composer 或 Meteor 即可安装 Bootstrap 的 Sass 和 JavaScript 源码。

通过这些软件包管理工具安装的 Bootstrap 是不包含文档或完整的构建脚本的。你还可以 使用我们提供的 npm 模板仓库 快速创建 Bootstrap 项目。

阅读安装文档
npm install bootstrap@next
gem install bootstrap -v 5.0.0.beta1

jsDelivr

当你只需要使用 Bootstrap 的经过编译的 CSS 或 JS 文件时,你可以直接使用 jsDelivr

通过使用我们提供的简单的 入门模板浏览示例 以帮助你快速启动一个新项目。你还可以选择引入 Popper.js 和我们提供的各个独立的 JS 文件。

探索文档
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-JwRy/HvmUVaqp+0qcjosKAJkp4WVtFYmQNhOgfgkv/5L4g5JEJ9VzA4W195Zql83" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-B7yaWiH6i+xVp+ISmXD+bI918y8P2qACG9zXJdgyCkEaxWW1aGWoU7zJCUfhBv2w" crossorigin="anonymous"></script>

Bootstrap 图标库

Bootstrap 有史以来第一次拥有自己的开源 SVG 图标库,旨在配合我们的组件和文档一起使用。

Bootstrap 图标库旨在与 Bootstrap 组件配合使用,但它们也可以使用到任何项目中。这些图标是 SVG 格式的,因此它们可以被快速轻松地缩放、可以通过多种方式使用、并且可以使用 CSS 设置样式。

获取 Bootstrap 图标库
Bootstrap Icons

官方主题

官方 Bootstrap 主题市场 提供了许多高级主题,让 Bootstrap 提升到了一个新的水平。

这些主题是基于 Bootstrap 构建的,并作为他们自己的扩展框架,包含了丰富的新组件和插件、文档以及构建工具。

浏览主题
Bootstrap Themes