Bootstrap

使用Bootstrap快速构建响应式web应用

Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。

Bootstrap建模工具 BootstrapVue BootstrapVue

当前版本:v5.0 beta1 | 文档更新于:2020-12-1
翻译整理:Zoomla!逐浪CMS团队

Bootstrap 安装

通过npm,Composer或Meteor安装Bootstrap的源Sass和JavaScript文件。

程序包管理的安装不包括文档或我们的完整构建脚本。 您还可以使用我们的npm模板仓库通过npm快速生成Bootstrap项目。

阅读手册
npm install bootstrap
gem install bootstrap -v 4.5.2
yarn add bootstrap@v4.5.3

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构建的工具包,包含新的组件和插件,文档和构建工具。

主题在Bootstrap上构建,作为它们自己的扩展框架,具有丰富的新组件和插件,文档以及强大的构建工具。

浏览主题
Bootstrap
推荐使用zico:一套与Bootstrap V4完美兼容的矢量图标系统

一个专为中国开发者而生的跨平台图标解决方案,
基于zico技术可以快速渲染webfont或svg矢量图标,并提供免费的网页字体技术。
只要引用一行代码,就能快速生成矢量图标,自由调整大小,并配合诸多特效。
更支持前沿的JS->SVG图标呈现, web与移动开发的利器!

Bootstrap V4 全栈化开发最优体验选Zoomla!逐浪CMS

  1. 12年专注研发
  2. 基于微软黑科技dotNET4.0+SQL server大数据支持
  3. 中国首家集成Bootstrap并与官方同步更新的门户级管理系统
  4. 集成微信、小程序、APP、OA、办公、工作流、移动支付、电商等诸多应用
  5. 开箱即用-海量云模板一键获取,全栈开发真方便!

来自Bootstrap 中文译本维护团队贡献的本土化插件↓

  • 四叶草插件(完美兼容Bootstrap4) 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • 企业成长与发展时间轴 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • 基于SVG的响应式价目表-响应鼠标事件移动变幻 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • 兼容Bootstrap 4 Flexbox布局的左边抽屉效果 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • 用于实际展示的滚动监听 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • Pop从天而降提示-自加载Modal弹出模态框 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1
  • Bootstrap4下拉菜单与滑动门由点击改为鼠标滑动激活 插件作者:Zoomla逐浪CMS官方 发布日期:2018-06-1