跳到主要内容

例子

使用我们的任何示例快速启动项目,范围从使用框架的各个部分到自定义组件和布局。

片段

使用自定义 CSS 等构建基于现有组件和实用程序的站点和应用程序的通用模式。

标题组件

使用这些标题组件显示您的品牌、导航、搜索等

Hero组件

使用具有明确号召性用语的Hero组件在您的主页上。

特性展示组件

在您的营销内容中解释功能、优势或其他细节。

侧边栏

通用导航模式非常适合画布或多列布局。

页脚

用一个很棒的页脚完成每一页,无论大小。

下拉菜单

使用过滤器、图标、自定义样式等增强您的下拉菜单。

列表组

使用任何内容的实用程序和自定义样式扩展列表组。

模态对话框

用模态对话框提供从功能浏览到对话框服务。

自定义组件

全新的组件和模板可帮助人们快速开始使用 Bootstrap 并展示添加到框架中的最佳实践。

相册显示

用于相册、作品集等的简单单页模板。

定价显示

使用卡片构建并具有自定义页眉和页脚的示例定价页面。

账单显示

显示我们的表单组件及其验证功能的自定义结帐表单。

产品展现

以产品为中心的精益营销页面,具有广泛的网格和图像工作。

覆盖

用于构建简单而美观的主页的单页模板。

轮播

自定义导航栏和轮播,然后添加一些新组件。

博客

类似杂志的博客模板,带有标题、导航和特色内容。

仪表板

具有固定侧边栏和导航栏的基本管理仪表板外壳。

登录

自定义表单布局和设计,用于简单的登录表单。

粘性页脚

当页面内容较短时,将页脚附加到视口底部。

粘性页脚导航栏

使用固定的顶部导航栏将页脚附加到视口的底部。

超大屏幕

使用实用程序重新创建和增强 Bootstrap 4 的超大屏幕。

框架

专注于实现 Bootstrap 提供的内置组件的使用的示例。

入门模板

只有基础知识:编译的 CSS 和 JavaScript。

网格

具有所有四层、嵌套等的网格布局的多个示例。

备忘单

Bootstrap 组件的各种工具。

速查表 RTL

Bootstrap 组件的各种工具,RTL。

使用默认的导航栏组件并展示如何移动、放置和扩展它。

导航栏

演示导航栏的所有响应和容器选项。

导航栏 offcanvas

与 Navbars 示例相同,但使用我们的 offcanvas 组件。

导航栏静态

静态顶部导航栏的单个导航栏示例以及一些其他内容。

导航栏固定

带有固定顶部导航栏和一些附加内容的单个导航栏示例。

导航栏底部

带有底部导航栏和一些附加内容的单个导航栏示例。

Offcanvas 导航栏

将您的可扩展导航栏变成滑动式画布菜单(不使用我们的画布组件)。

实时语言

使用这些修改后的自定义组件示例查看 Bootstrap 的 RTL 版本。

RTL 仍处于实验阶段,并将随着反馈而发展。发现了什么或有改进建议?

请打开一个问题。

专辑RTL

用于相册、作品集等的简单单页模板。

结帐RTL

显示我们的表单组件及其验证功能的自定义结帐表单。

旋转木马RTL

自定义导航栏和旋转木马,然后添加一些新组件。

博客RTL

类似杂志的博客模板,带有标题、导航和特色内容。

仪表板RTL

具有固定侧边栏和导航栏的基本管理仪表板外壳。

集成

与外部库的集成。

Masonry

结合 Bootstrap 网格和 Masonry 布局的力量。


使用 Bootstrap 主题走得更远

需要比这些例子更多的东西吗?使用来自官方 Bootstrap 主题市场的优质主题,将 Bootstrap 提升到一个新的水平。它们被构建为自己的扩展框架,具有丰富的新组件和插件、文档和强大的构建工具。

浏览主题
引导主题