Skip to main content

实例

从使用框架到定制组件与布局,通过使用我们任何的实例,快速得到一个项目。

下载 Bootstrap 资源代码 来理解这些例子.

框架

这些例子的重点放在是使用 Bootstrap 提供的内置组件进行执行的。

开始模板

除了基础知识以外没有其他东西: 编译的 CSS 和 JavaScript。

网格

所有的网格布局实例都拥有 4 层以及更多嵌套。

银幕

围绕带有导航栏的银幕和一些基本的网格列。

狭窄的银幕

通过缩小容器和银幕来更加带有自定义性的网页。

快速

使用默认的导航栏组件并且展示如何去移动,放置,延长它。

导航栏

一个包括带有其他额外内容的导航栏的超级基本模板。

静态的顶端导航栏

一个包括带有其他额外内容的静态顶端导航栏的超级基本模板。

固定的导航栏

一个包括带有其他额外内容的固态导航栏的超级基本模板。

自定义组件

崭新的组件和模板帮助 folk 快速的开始 Bootstrap 和最好的新增到这个框架上的实践例子。

图片集

简单的单页照片库、 投资组合,以及更多的模板。

覆盖

一个用于建立简单,漂亮的主页的单页模板。

轮播

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

博客

简单的两列博客布局与自定义导航,标题和类型。

仪表板

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

登陆页面

自定义窗体布局和为一个简单的登录窗体进行设计。

合理的资产净值

创建自定义的导航栏与合理的链接。当心! 不要 Safari 的太友好。

粘性页脚

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

带有导航栏的粘性页脚

将页脚附加到固定的顶端导航栏的视图的底部。

试验

专注于关于未来友好功能或技术的例子。

Offcanvas

使用 Bootstrap 构建一个可以使用的可开关的-图形导航按钮