跳到主要内容
Check

例子

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

片段

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

标头

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

英雄

在您的主页上设置具有明确号召性用语的英雄。

特征

解释营销内容中的功能、优势或其他详细信息。

侧边栏

常见的导航模式非常适合画布或多列布局。

页脚

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

下拉菜单

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

列出组

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

模态

转换模式以服务于任何目的,从功能导览到对话。

自定义组件

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

专辑

用于照片画廊、投资组合等的简单一页模板。

价钱

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

查看

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

产品

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

覆盖

用于构建简单而漂亮的主页的单页模板。

旋转木马

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

博客

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

仪表板

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

登入

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

粘性页脚

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

粘性页脚导航栏

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

超大屏幕

使用实用程序重新创建和增强 Bootstrap 4 的 jumbotron。

框架

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

入门模板

除了基础知识:编译的 CSS 和 JavaScript。

网格

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

备忘单

Bootstrap 组件的厨房水槽。

备忘单 RTL

Bootstrap 组件的厨房水槽,RTL。

Taking the default navbar component and showing how it can be moved, placed, and extended.

Navbars

Demonstration of all responsive and container options for the navbar.

Navbars offcanvas

Same as the Navbars example, but with our offcanvas component.

Navbar static

Single navbar example of a static top navbar along with some additional content.

Navbar fixed

Single navbar example with a fixed top navbar along with some additional content.

Navbar bottom

Single navbar example with a bottom navbar along with some additional content.

Offcanvas navbar

Turn your expandable navbar into a sliding offcanvas menu (doesn't use our offcanvas component).

RTL

See Bootstrap's RTL version in action with these modified Custom Components examples.

RTL is still experimental and will evolve with feedback. Spotted something or have an improvement to suggest?

Please open an issue.

Album RTL

Simple one-page template for photo galleries, portfolios, and more.

Checkout RTL

Custom checkout form showing our form components and their validation features.

Carousel RTL

Customize the navbar and carousel, then add some new components.

Blog RTL

Magazine like blog template with header, navigation, featured content.

Dashboard RTL

Basic admin dashboard shell with fixed sidebar and navbar.

Integrations

Integrations with external libraries.

Masonry

Combine the powers of the Bootstrap grid and the Masonry layout.


Go further with Bootstrap Themes

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

浏览主题
Bootstrap Themes