实例展示

选择我们的示例,快速构建一个项目, 基于Bootstrap提供的自定义组件和布局属性-这其中包括了Zoomla!逐浪CMS官方团队在实践开发中的一些插件-它们对中文开发者用户很有用。

下载Bootstrap源码 来构建这些实例。

框架布局

Bootstrap栅格布局示例。

入门示例(基本模板)

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

栅格系统

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

大屏主页

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

超窄屏(窄屏网页)

通过缩小默容器和主屏幕来构建自定义页面。

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

导航样式集

各种导航样式集合

静态顶部导航

默认的在顶部静态呈现。

固顶导航

固定贴在浏览器的顶部。

固底导航

固定帖在浏览器的底部。

自定义组件

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

专辑(专题)页面模板

带块状的专题效果代码。

全屏模式

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

Carousel与圆结合

carousel通栏滚动与圆的结合。

Blog博客效果

简单的两列博客布局、自定义导航、个性主题。

仪表盘

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

登录框

一个简单的登录form框。

nav-justified方法自定义导航

除了系统默认导航外的自定义导航方法(safri旧版不太友好)。

粘脚

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

粘头且粘脚

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

实验

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

Offcanvas抽屉效果

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

来自逐浪CMS团队的实例

Zoomla!逐浪CMS官方团队的一些快速实例,作为中国最早引入Bootstrap的CMS厂商他们一直在努力~

仿苹果搜索并提供手机抽屉菜单

顶部一个搜索按钮,点击弹出|关闭,如apple.com官网样式,且手机模式下有抽屉MENU项。

简易搜索框

小搜索控件人人都需要,应用广泛。