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

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

快速入门

安装 Bootstrap

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

通过这些软件包管理工具安装的 Bootstrap 是不包含文档或完整的构建脚本的。你还可以 [使用我们提供的 npm
模板仓库](https://github.com/twbs/bootstrap-npm-starter) 快速创建 Bootstrap 项目。

阅读安装文档

npm install bootstrap

gem install bootstrap -v 5.1.1

jsDelivr

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

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

探索文档

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0XzksJoDzv4oTZJH7DKIK/fZoGejdHrb3yIs5Qngl76cTerG8Ict9988A07jw0G5" crossorigin="anonymous">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>

Bootstrap 图标库

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

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

获取 Bootstrap 图标库

官方主题

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

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

浏览主题