转到主体内容

实例展示

选择我们的示例,快速构建一个项目, 基于Bootstrap提供的自定义组件和布局属性-希望它们对前端开发者用户很有用。

下载Bootstrap源码

自定义组件

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

Album screenshot
专辑

简单的单页模板照片转辑、展示组合等。

Pricing screenshot
价格表

使用.car卡片组件制作的定价页面示例,并具有自定义页眉和页脚。

Checkout screenshot
结算表单

显示表单组件及其验证功能的自定义签出表单。

Product screenshot
产品展示

精益产品为重点的营销网页与广泛的网格和图像工作。

Cover screenshot
全屏模式

一个简单的全屏效果展示。

Carousel screenshot
Carousel轮放组件

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

Blog screenshot
Blog博客

杂志类博客模板,标题,导航,特色内容。

Dashboard screenshot
仪表盘

经典的Dashboard仪表盘和导航(不兼容IE,EDGE完好)。

Sign-in screenshot
登录框

一个简单的登录form框。

Sticky footer screenshot
粘脚

当内容比它短时,将页脚附加到视口的底部。

Sticky footer navbar screenshot
粘头且粘脚

页头与页脚都固定随浏览器滚动固定在上下方。

框架布局

Bootstrap栅格布局示例。

Starter template screenshot
入门示例(基本模板)

只有最基本的框架和2行CSS。

Grid screenshot
栅格系统

栅格的各种(所有)布局,包括嵌套示例。

Jumbotron screenshot
大屏主页

包括一个导航栏和一个大屏欢迎的栅格系统。

导航栏

采用系统提供的导航栏构建,并显示如何移动,放置和扩展。

Navbars screenshot
导航样式集

各种导航样式集合

Navbar static screenshot
静态顶部导航

默认的在顶部静态呈现。

Navbar fixed screenshot
固顶导航

固定贴在浏览器的顶部。

Navbar bottom screenshot
固底导航

固定帖在浏览器的底部。

实验

关注未来友好功能或技术的示例。

Floating labels screenshot
浮动标签

在输入上有浮动标签的漂亮的简单表单。

Offcanvas screenshot
Offcanvas抽屉效果

基于bootstrap中offcanvas抽屉收缩插件的例子。