关键词：
1、Foundation介绍
Foundation 用于开发响应式的 HTML, CSS and JavaScript 框架。
Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。
Foundation 是一个以移动优先的流行框架。
提供响应式布局
其他的框架：Bootstrap,Semantic UI ,Pure,UIKit...
2、响应式网页设计
页面的设计与开发跟随设备的尺寸而进行相应的调整与变化。
3、使用foundation创建页面
http://www.runoob.com/foundation/foundation-grid-block.html
a、添加 HTML5 doctype
b、Foundation 5 移动优先
<meta name="viewport" content="width=device-width, initial-scale=1">
c、 初始化组件
<script>
$(document).ready(function()
$(document).foundation();
)
</script>
在 Symfony2 中使用 Compass 和 Assetic 的 Foundation5
】在Symfony2中使用Compass和Assetic的Foundation5【英文标题】：Foundation5withCompassandAsseticinSymfony2【发布时间】：2014-07-2708:51:50【问题描述】：我想在Symfony2中使用Compass和Assetic配置Foundation5，正如他们在http://foundation.zurb.com/docs/sass.html所... 查看详情
Foundation 5 画布外转换
】Foundation5画布外转换【英文标题】：Foundation5off-canvastransformation【发布时间】：2013-12-2419:42:10【问题描述】：有没有办法将Foundation5中的画布外导航转换为侧边栏导航？例如，Foundation5官方文档使用可见性类，但这不是因为有两... 查看详情
使用 SASS 设置 Foundation 5 项目
】使用SASS设置Foundation5项目【英文标题】：Foundation5projectsetupwithSASS【发布时间】：2013-12-1208:33:24【问题描述】：我对Compass和SASS的整个世界都很陌生，所以我可能在这里遗漏了一些基本的东西。我遇到了Foundation5的结构问题。如... 查看详情
Foundation 5 新项目：git 问题
】Foundation5新项目：git问题【英文标题】：Foundation5newproject:gitissues【发布时间】：2013-12-2107:59:41【问题描述】：我觉得我快要疯了。我正在尝试使用Foundation5开始一个新项目，但我遇到了一个与我的git存储库相关的非常奇怪的问... 查看详情
Foundation 5 不再使用 xlarge 和 xxlarge 网格大小
】Foundation5不再使用xlarge和xxlarge网格大小【英文标题】：Foundation5nolongerusingxlargeandxxlargegridsizes【发布时间】：2014-03-0409:58:42【问题描述】：问题在Foundation5.0.2及更高版本中，它不使用xlarge和xxlarge网格大小。他们在以前的版本5.0.... 查看详情
Foundation 5：仅在单击时运行工具提示（如兜风风格）
】Foundation5：仅在单击时运行工具提示（如兜风风格）【英文标题】：Foundation5:Runtooltiponlyonclick(likejoyridestyle)【发布时间】：2015-02-1814:18:48【问题描述】：我想要一个使用foundation5的工具提示，仅在点击时出现（悬停时禁用），... 查看详情
Django-Bower + Foundation 5 + SASS，如何配置？
】Django-Bower+Foundation5+SASS，如何配置？【英文标题】：Django-Bower+Foundation5+SASS,Howtoconfigure?【发布时间】：2013-12-3119:41:08【问题描述】：我正在使用Django-Bower测试Foundation5的SASS实现。我对Bower的想法很陌生，对于如何让这个设置正... 查看详情
Foundation 5全角标题图像[关闭]
】Foundation5全角标题图像[关闭]【英文标题】：Foundation5full-widthheaderimage[closed]【发布时间】：2014-10-0309:25:20【问题描述】：我在myhomepage有问题你能帮帮我吗？在非常大的屏幕上，它显示我的标题图像左浮动。<divclass="rowfullWidth"... 查看详情
Foundation 5 和页面打印
】Foundation5和页面打印【英文标题】：Foundation5andpageprinting【发布时间】：2014-03-0614:49:37【问题描述】：我正在使用Zurb基金会。我正在尝试完全按照它在大屏幕上的样子打印页面，但所有内容都被堆叠（并且浮动错误）。通过在f... 查看详情
使用带有标签的 Foundation 5 Joyride
】使用带有标签的Foundation5Joyride【英文标题】：usingfoundation5joyridewithtabs【发布时间】：2015-01-1411:32:08【问题描述】：有没有办法用foundation5Joyride切换标签？我在页面上有基础选项卡，并希望Joyride将元素指向不同的选项卡。【问... 查看详情
下拉菜单 JavaScript 延迟
...题描述】：我创建了一个下拉菜单。我正在使用一个使用Foundation5框架的WordPress主题。二级菜单不是很容易使用我添加了一些JavaScript来增加二级菜单消失的延迟。该JavaScript旨在：为二级菜单添加延迟，这样如果您将鼠标悬停在... 查看详情
基础 5：脚本意外结束
】基础5：脚本意外结束【英文标题】：Foundation5:Unexpectedendofscript【发布时间】：2015-04-2007:16:17【问题描述】：当我为WordPress创建主题并进入菜单编辑时，我看到菜单不起作用，所以在检查控制台日志后，我注意到foundation.min.jsUne... 查看详情
基础 5 - Joyride 不工作
】基础5-Joyride不工作【英文标题】：Foundation5-Joyridenotworking【发布时间】：2014-06-2407:35:24【问题描述】：我很难让Joyride正常工作。我已按照Zurb文档中的说明输入了代码，但它根本无法运行。我需要一些关于我可能做错了什么的... 查看详情
基础上的全高柱
...【发布时间】：2014-02-2118:03:24【问题描述】：我正在使用Foundation5Framework，需要创建3个相同高度的列。第二列包括2个面板，我需要将所有列拉伸到全高（在第二列中，只有第二个面板拉伸到全高）。有什么想法吗？我不想为此... 查看详情
Rails 4 和 Foundation 5 - 粘页脚？
】Rails4和Foundation5-粘页脚？【英文标题】：Rails4andFoundation5-StickyFooter?【发布时间】：2015-10-0207:01:50【问题描述】：所以我一直使用静态页面，直到我决定迁移到Rails以在我的网络应用程序中使用。我能够使用以下codePen有效地创... 查看详情
Zurb Foundation 5 的 jQuery 错误（字体系列错误）
】ZurbFoundation5的jQuery错误（字体系列错误）【英文标题】：jQueryErrorwithZurbFoundation5(font-familybug)【发布时间】：2014-06-1805:47:28【问题描述】：我在使用Foundation5和jQuery时遇到了这个奇怪的问题。发生错误，javascript将不再工作：jquer... 查看详情
Gulp-sass 没有正确编译 Foundation 6
...于某些原因，它们只是不包括所有sass组件。我尝试使用Foundation5并且效果很好。这是我的gulp任务：gulp.task(\'styles\',[\'clearCss\'],fu 查看详情
IE8 没有将绝对定位的元素排除在外
...有很多代码，所以我会尝试包含来自IE8的计算样式。使用Foundation5，我有一个顶部栏，开始看起来像这样： 查看详情