利用 Bootstrap 构建快速、响应式的网站
Bootstrap 是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并自定义你的网站。
当前版本:v4.5.0
Bootstrap 是全球最受欢迎的前端开源工具库,它支持 Sass 变量和 mixin、响应式栅格系统、自带大量组件和众多强大的 JavaScript 插件。基于 Bootstrap 提供的强大功能,能够让你快速设计并自定义你的网站。
当前版本:v4.5.0
通过 npm、Composer、或者 Meteor,可以将 Bootstrap 的 Sass 和 JavaScript 源码安装到本地。
通过软件包管理工具所安装的 Bootstrap 并不包括文档以及完整的构建脚本。你还可以 利用我们提供的 npm 工程模板源码仓库 快速生成一个 Bootstrap 项目。
进入安装文档# Via npm
npm install bootstrap
# Via gem
gem install bootstrap -v 4.5.0
如果你只是需要使用 Bootstrap 的预编译 CSS 或 JS 文件,你可以直接使用 BootstrapCDN 服务。
通过这些简单的 入门模板 了解实际使用方式,或者 浏览这些示例 以便开始你的下一个项目。
浏览文档<!-- CSS only -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- JS, Popper.js, and jQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
Bootstrap 有史以来第一次拥有了自己的开源 SVG 图标库,它的设计初衷就是能过够与 Bootstrap 的组件和文档完美协作。
Bootstrap 图标库旨在与 Bootstrap 组件配合使用,但也可以用在任何项目中。这些图标都是 SVG 格式的,因此可以快速、轻松地自由缩放,还可以以多种方式使用,并能够利用 CSS 设置样式。
获取 Bootstrap 图标库Bootstrap 官方主题市场 所提供的高级主题为 Bootstrap 带来了跨越式的提升。
这些主题都是基于 Bootstrap 构建的,并且增加了新的组件、插件、文档和构建工具。
浏览主题