权利的游戏第八季第6集

祖尔布基金会3

Zurb Foundation 3是一个快速响应的前端框架，可快速构建网站和应用程序。它具有用于快速原型制作的所有基本和高级功能。在本文档中，您将概述此框架可能提供的内容。这将是一系列教程，涵盖框架的所有功能，并带有许多示例。因此，我们要求您加入我们的RSS Feed，并与要求他们加入我们的朋友共享。

网格

Foundation 3提供了一个12列的印刷网格，该网格支持几乎所有尺寸的设备屏幕。令人赞叹的是，由于不同屏幕尺寸的使用正在迅速增加，因此如今在构建网站或应用程序时要牢记各种屏幕尺寸，这一点却很明显。此外，此Grid支持嵌套，源排序和偏移量。因此，无论您的网格结构多么复杂，Foundation 3都会为您完成这项工作。

下图显示了使用Foundation 3创建的三列网格。现场观看示例.

版式

框架的排版基于黄金比例的模块化比例，可以确保整个页面的排版看起来很棒。更改网页中文本的大小和比例也很容易。

下图显示了使用Foundation 3创建的典型印刷用法。现场观看示例.

纽扣

按钮是您的网站或应用程序的主要交互元素。 Foundation 3提供了样式和模式，可以创建用于复杂应用程序工具栏的简单的号召性用语按钮。

下图显示了使用Foundation 3创建的一些按钮。现场观看示例.

Forms

您可以使用此框架快速轻松地创建精美的表单。从简单形式到复杂形式。验证状态，自定义输入，标签和操作是其中包括的一些功能。

下图显示了使用Foundation 3创建的简单表单。您也可以现场观看示例.

导航

您可以使用Foundation 3创建跨设备的导航栏，垂直导航，侧面导航，子导航和分页。

下图显示了使用Foundation 3创建的侧面导航。现场观看示例.

标签

您可以使用Foundation 3创建简单，包含，药丸样式，垂直和移动标签。

下图显示了使用Foundation 3创建的基于选项卡的导航。现场观看示例.

元素

网格，导航，选项卡和表单不足以为您提供网站。您还需要许多其他组件。使用Foundation 3，您可以创建警报，标签，工具提示，击键，面板，链接列表等。

以下屏幕截图显示了使用Foundation 3创建的警报。您也可以现场观看示例.

轨道

这是一个用于创建响应式图像或内容滑块的Jquery插件。

你可以在线观看演示.

揭示

这是另一个用于创建模式的Jquery插件。

你可以在线观看演示.

下载Foundation 3

您可以下载默认CSS 来自/download.php的Foundation 3的说明。这是最小的CSS，不需要任何工具（例如SaaS）。

您可以下载自定义CSS 通过仅选择我们需要包括的组件从相同的URL中提取Foundation 3。

您也可以下载萨斯+指南针 同一页面上的Foundation 3版本

下一个： 使用Zurb Foundation 3 Grid创建多设备布局