欢迎使用 Foundation 6

安装 Foundation

有多种方法可以安装 Foundation for Sites。我们的安装页面将帮助您找到最适合您的选项。

安装 Foundation for Sites

Foundation for Sites 新手？

凭借易于理解的语法和一致的结构，您将立即学会使用 Foundation！

• 入门
  

  Foundation 入门项目 - CSS 下载

  此视频将带您完成 Foundation CSS 项目的下载和入门。

  观看视频

  

  Foundation 入门项目

  此视频将带您完成 Foundation 堆栈的下载和入门。

  观看视频
• 为什么选择 Foundation
  

  世界上最先进的前端框架

  来自其他框架？现在是切换和学习 Foundation 的最佳时机。下载我们的免费电子书，它将帮助您说服您的团队，Foundation 比其他任何框架都要好、更容易学习和更灵活。

  了解更多

  

  在坚实的基础上建立你的职业生涯

  网络技术正在迅速变化，但时间和资源是有限的。了解为什么学习 Foundation 可以让您处于网站开发的前沿。

  了解更多
• 模板和代码片段
  

  Foundation 模板

  获得八个响应式模板，以启动使用我们在 Foundation 6 入门课程中教授的相同技术构建的项目，以建立您的业务。

  查看模板

  

  Foundation 构建块

  构建块是编码的 UI 组件，您可以将其放入任何标准 Foundation 项目中。构建块将帮助您快速缩短开发时间。

  了解更多

  

  Foundation 套件

  Foundation 套件是精选的构建块集合，专为构建特定类型的网站和应用程序而设计。从 7 个强大的套件中下载，以快速启动您的下一个项目。

  查看套件
• 其他资源
  

  网站零基础指南

  第一次学习框架可能会让人不知所措，因此我们整理了“网站零基础”，这是一本 60 页的指南，将引导您使用 Foundation 从头开始编写一个真实的、实时的、响应式网站。

  获取指南

有使用 Foundation for Sites 的经验？

凭借易于理解的语法和一致的结构，您将立即学会使用 Foundation！

• 最新的 Foundation 更新
  

  Foundation 6.3.1 更新：Sass 混合宏和错误修复

  Foundation 6.3.1 包含大量错误修复，以及对旧功能的底层返工。除了错误修复之外，Foundation 还获得了一些新的 Sass 混合宏和优化，使其可以在更多场景中工作，并且文档也得到了很多改进。好好享受吧！

  了解更多
• 构建块
  

  如何使用 Foundation 的构建块

  Foundation 团队使用 Foundation 构建块再次将您的开发时间缩短了一半。在本教程中，我们将向您展示如何找到合适的构建块以及最适合您的安装方式。

  了解更多
• Foundation 集成
  

  Angular Foundation 6

  Pinecone 的优秀人员为 Foundation 创建了一个 Angular 端口。Angular.js 协助创建单页应用程序，即仅在客户端需要 HTML、CSS 和 JavaScript 的网页应用程序。

  了解更多

  

  React + Foundation 6

  React 是一个用于构建用户界面的 JavaScript 库。现在，您可以将使用 CSS 模块在 React 中实现的 Foundation for Sites 6 组件！

  了解更多

  

  JointsWP：Foundation 6 与 WordPress 的结合

  JointsWP 是一个使用 Foundation 6 构建的空白 WordPress 主题，它为您提供了构建复杂的移动友好型网站所需的所有功能和灵活性，而无需从头开始。

  了解更多

  

  设置 Vue 2 和 Foundation 6

  这是 Foundation for Sites 6.3 在 VueJS 2.1 单页应用程序中的演示集成。

  了解更多
• Foundation 展示
  

  塑造网页的五年

  今年 Foundation 迎来了五周年。它是第一个响应式框架、第一个语义化框架、第一个移动优先框架、第一个使用 Sass 构建的框架，也是第一个内置无障碍功能的框架。了解更多关于该框架的信息以及它的未来发展方向。

  了解更多

  

  使用 Foundation 的品牌

  越来越多的知名品牌依赖于这个世界上最先进的响应式前端框架。他们的网站现在已经可以通过任何设备访问。

  了解更多

  

  Foundation 案例研究

  Foundation 的实际应用。了解人们如何使用 Foundation 构建响应式、面向未来的网站。我们将了解他们的设计、决策以及 Foundation 如何帮助他们实现目标。