跳到主要内容
Bootstrap 4 有更新版本!

例子

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

下载源代码

自定义组件

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

专辑截图
专辑

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

定价截图
价钱

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

结帐截图
查看

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

产品截图
产品

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

封面截图
覆盖

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

轮播截图
旋转木马

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

博客截图
博客

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

仪表板屏幕截图
仪表板

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

登录屏幕截图
登入

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

粘滞页脚屏幕截图
粘性页脚

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

粘滞页脚导航栏屏幕截图
粘性页脚导航栏

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

框架

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

入门模板屏幕截图
入门模板

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

网格截图
网格

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

超大屏幕截图
超大屏幕

使用导航栏和一些基本的网格列围绕 jumbotron 构建。

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

导航栏截图
导航栏

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

导航栏静态截图
导航栏静态

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

导航栏固定截图
导航栏固定

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

导航栏底部截图
导航栏底部

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

实验

专注于面向未来的功能或技术的示例。

浮动标签截图
浮动标签

精美简单的表单,在您的输入上带有浮动标签。

画布屏幕截图
画布外

将您的可扩展导航栏变成一个可滑动的画布菜单。