实例展示
选择我们的示例,快速构建一个项目, 基于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项。
简易搜索框
小搜索控件人人都需要,应用广泛。