CDN 起步模板
通过 jsDelivr CDN 直接引入 Bootstrap 编译后的 CSS 和 JavaScript。
基于 Bootstrap 5.3 构建的常用页面、组件与模板示例,全部已在本地镜像并汉化。
在 Webpack、Parcel、Vite 等常用 JS 框架中使用 Bootstrap 的可运行示例。
通过 jsDelivr CDN 直接引入 Bootstrap 编译后的 CSS 和 JavaScript。
使用 npm 导入并编译 Bootstrap 的 Sass(含 Autoprefixer 和 Stylelint),同时使用官方打包的 JavaScript。
使用 npm 导入并编译 Bootstrap 的 Sass,并通过 ESM shim 编译源码 JavaScript。
在浅色、深色与自动模式之间切换。
引入并使用官方 Bootstrap Icons 图标库。
使用 Parcel 打包 Bootstrap 的 Sass 与 JavaScript。
在 React 项目中使用 Bootstrap 组件与样式的社区方案。
使用 Vite 打包 Bootstrap 的 Sass 与 JavaScript。
在 Vue 项目中使用 Bootstrap 的组件与样式。
使用 Webpack 打包 Bootstrap 的 Sass 与 JavaScript。
在现有组件和工具类基础上,结合自定义 CSS 构建网站与应用的常用模式。

展示品牌标识、导航、搜索等页眉组件。

通过主视觉区块突出展示营销信息或关键内容。

用图标、标题和文案展示产品功能特性。

展示可折叠的侧边栏导航与内容布局。

页脚的各种布局与内容组合。

下拉菜单的样式与用法示例。

列表组组件与自定义内容示例。

模态框组件与交互示例。

徽章组件的大小、颜色与用法示例。

面包屑导航的样式与用法示例。

按钮组件的颜色、尺寸与状态示例。

用巨幕区块突出展示重点内容。
全新的组件与模板,帮助你快速上手 Bootstrap,并演示在框架之上扩展的最佳实践。

适合相册、作品集等场景的单页模板。

定价表模板,展示不同套餐与功能对比。

结账页面模板,包含表单与订单摘要。

商品详情页面模板。

全屏封面页模板。

轮播组件的完整示例。

博客首页与文章列表模板。

后台仪表盘模板,包含图表与数据面板。

登录页面模板。

固定在页面底部的页脚示例。

粘性页脚与导航栏组合示例。

巨幕组件示例。
重点演示 Bootstrap 内置组件的实现与用法。
基于默认导航栏组件,展示如何移动、放置和扩展它。
通过各类别中经过调整的示例,查看 Bootstrap 的 RTL 从右到左版本。
RTL 仍在试验阶段 并将根据反馈进行改进。发现了什么或者有改进建议吗?

相册模板的 RTL 版本。

结账页面的 RTL 版本。

轮播组件的 RTL 版本。

博客模板的 RTL 版本。

仪表盘模板的 RTL 版本。

速查表的 RTL 版本。
与外部库的集成示例。

结合 Bootstrap 网格与 Masonry 布局的瀑布流示例。