实例展示

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

Zoomla!逐浪CMS-中国最早引入Bootstrap,基于dotNET大数据全栈高端门户系统,集成电商微信OA小程序教育考试诸多功能。免费下载

代码片断

这是一些构建站点的常用片断,基于Bootstrap的现有样式,快速应用。

头部

使用这些可以快速的添加您的品牌、导航、搜索等

按钮

使用这些具有明确性用语的按钮在您的主页上面搭建页面

特征

增加页面的细节,使您的网页更加突出、美观

侧边栏

增加页面的细节,使您的网页更加突出、美观

自定义组件

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

专辑

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

价格表

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

结算表单

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

产品展示

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

全屏模式

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

Carousel轮放组件

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

Blog博客效果

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

仪表盘

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

登录框

一个简单的登录form框。

粘脚

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

粘头且粘脚

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

大屏幕

使用应用程序程序创建和增强Bootstrap的超大屏幕

框架布局

Bootstrap栅格布局示例。

入门示例(基本模板)

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

栅格系统

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

备忘单

Bootstrap组件的大小改变

备忘单(阿拉伯语)

Bootstrap组件大小改变(右对齐版)

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

导航样式集

各种导航样式集合

静态顶部导航

默认的在顶部静态呈现。

固顶导航

固定贴在浏览器的顶部。

固底导航

固定帖在浏览器的底部。

画布导航栏

将您的可扩展导航栏变成一个滑动的offcanvas菜单(不使用我们的offcanvas组件)

集成

与外部库的集成

Masonry

结合Bootstrap网格和Masonry布局的功能

实验

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

浮动标签

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

Offcanvas抽屉效果

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

来自逐浪CMS团队的实例

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

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

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

简易搜索框

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