使用Bootstrap快速构建响应式web应用
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。
当前版本:v5.0 beta1 | 文档更新于:2020-12-1翻译整理:Zoomla!逐浪CMS团队
Bootstrap 安装
通过npm,Composer或Meteor安装Bootstrap的源Sass和JavaScript文件。
程序包管理的安装不包括文档或我们的完整构建脚本。 您还可以使用我们的npm模板仓库通过npm快速生成Bootstrap项目。
阅读手册jsDelivr 引用
如果你只是需要将预编译的 CSS 或 JS 文件引入你的页面,可以直接使用 jsDelivr
通过我们的入门模板你可以直接操作它,或者浏览示例以快速启动项目。当然,你也可以选择分别包含Popper和JS。
查看文档<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/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.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
Bootstrap 图标
Bootstrap有史以来第一次拥有自己的开源SVG图标库,方便与Bootstrap的组件和文档一起使用。
Bootstrap图标旨在与Bootstrap组件配合使用,它可以在任何项目中使用。 由于是SVG,因此可以快速轻松地进行扩展,可以通过多种方式实现,也可以使用CSS进行样式设置。
获取图标主题
使用Bootstrap并升级到具有官方优惠主题 - 纯正使用Bootstrap构建的工具包,包含新的组件和插件,文档和构建工具。
主题在Bootstrap上构建,作为它们自己的扩展框架,具有丰富的新组件和插件,文档以及强大的构建工具。
浏览主题