跳到主题内容
Bootstrap

利用 Bootstrap 构建快速、响应式的网站

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

当前版本 v5.0.0-beta1 · v4.6版本

青豆定时消息小程序推荐

设置消息,定时推送到公众号

安装Bootstrap5

通过 npm、Composer、或者 Meteor,可以将 Bootstrap 的 Sass 和 JavaScript 源码安装到本地。

通过软件包管理工具所安装的 Bootstrap5并不包括文档以及完整的构建脚本。但您可以使用我们提供的 npm工程模板源码仓库 快速生成一个 Bootstrap 项目。

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

jsDelivr CDN

当只需要包含Bootstrap已编译的CSS或JS时,可以使用jsDelivr CDN

通过我们简单的入门模板了解实际使用方式, 或 浏览示例 开始你的下一个项目。

浏览文档
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" 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-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

Bootstrap 图标库

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

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

获取 Bootstrap 图标库
Bootstrap Icons

官方主题

Bootstrap 官方主题市场 所提供的高级主题为 Bootstrap 带来了跨越式的提升。

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

浏览主题
Bootstrap Themes