在有Twitter Bootstrap之前，有一个（并且是）ZURB Foundation，这个框架可以让你添加漂亮的按钮，阻止网格，进度条，定价表以及一些很好的CSS类。使用针对Drupal的ZURB Foundation主题，您可以轻松地在Drupal站点上释放所有这些金光闪闪。
什么是ZURB基金会框架？
ZURB Foundation框架是CSS和Javascript代码的集合，可用于您在网站上可能需要的一些内容。这不仅包括可点击的眼睛糖果，如前面提到的按钮，还包括一些真正惊人的响应能力。
您可以通过添加特殊的CSS类来使用大多数这些功能。例如：
这里有一个 .
这是一个 小按钮.
ZURB Foundation框架与Drupal完全分开。人们在WordPress，Joomla甚至静态HTML网站上使用它。
什么是ZURB基金会Drupal主题？
Drupal ZURB基金会 主题 允许您通过下载和启用主题（并阅读文档并采取一些额外步骤，当然）来释放所有这些ZURBish权力。
例如，ZURB Foundation依赖于jQuery Javascript库，因此您可能必须安装jQuery Update。检查您是否正在使用任何依赖于jQuery的其他模块。如果您使用的是新版本的jQuery，这些模块可能会停止工作。
此外，您可能希望将此主题用作您自定义主题的基本主题。定制是ZURB Foundation真正发挥作用的地方。
你是否需要这个主题在Drupal中使用ZURB Foundation？
你没有 需要 这个主题使用ZURB Foundation框架。最简单的是，这个主题只是将ZURB Foundation CSS和Javascript添加到您的站点，您可以手动执行此操作。
但是这个主题使这更容易，它还包括与Drupal的进一步集成。
此外，您可以添加更小的附加模块以进一步集成。例如，ZURB Orbit模块允许您使用图像字段构建Orbit幻灯片。 ZURB清除模块可让您使用媒体图像创建响应式灯箱。
注意：我自己还没有使用这些小模块，所以它们可能充满了危险。在撰写本文时，ZURB Clearing要求
媒体-2.X-dev的，如果您目前正在使用Media 1.x，这可能是危险的升级。对模块的开发版本的要求应该总是暂停。不过，这些和其他ZURB模块值得研究。
选择要使用的ZURB Foundation版本
在下载ZURB Foundation主题之前，请检查应使用的版本。 ZURB Foundation框架有不同的主要版本，主题的主要版本号对应于它使用的框架。所以
7.x-3。X 该主题的版本与Foundation一起使用 3，
7.x-4。X 版本与Foundation一起使用 4，和
7.x-5。X 版本与Foundation一起使用 5.
在撰写本文时，该主题的最新稳定版本是7.x-4.x，它与Foundation 4一起使用.7.x-5.x版本仍在开发中。因此，虽然基金会框架网站假设您将使用Foundation 5，但您现在可能希望坚持使用Foundation 4。
另请注意，Foundation 5有额外的要求，尤其是jQuery
1.10。基金会4只需要jQuery
1.7+.
在阅读在线文档时，请注意您使用的是哪个版本的Foundation。如果您没有使用最新版本的框架，则尤其如此。例如，基金会5可以轻松阅读文档，当新功能在您的Foundation 4网站上无效时，会感到沮丧。
例如，基金会5包括一整套
介质 适用于中型屏幕的课程。在基础4中，除非你采取额外的步骤，否则这些将会神秘地失败。
使用SASS，Compass和“_variables.scss”！
如果您要根据此主题调整CSS，请确保：
- 使用ZURB Foundation主题作为您自定义子主题的基本主题
- 使用the生成此子主题
drush 主题提供的命令。像这样：
drush fst your_theme_name
- 悠闲地细读优秀
_variables.scss 文件
该
_variables.scss 文件由。自动创建
匆匆忙忙。这个单个文件几乎包含变量 什么 你可能想调整你的主题CSS。太奇妙了！在一个地方，您可以设置从默认字体到屏幕宽度到面包屑边框的所有内容。
当然，您也可以随时设置其他文件。但
_variables.scss 是一个很棒的起点。
注意文件扩展名：
SCSS不是
CSS。使用
_variables.scss，您需要设置SASS（CSS扩展语言）和Compass（使用SASS构建的框架）。当你跑步
罗盘编译， 您的
SCSS 文件将在单独的文件中变成可爱的CSS。 （我更喜欢
罗盘手表 - 当你调整时，这会继续运行和更新CSS
SCSS 文件）。
如果你真的，真的不想打扰SASS，你可以像往常一样编写CSS文件并将它们列在你的主题中
。信息 文件。但请相信我 - 学习足够编译的微小时间投入
在使用ZURB Foundation之前
ZURB Foundation是最优秀的，但它并不是唯一与Drupal集成的前端框架。您可能需要考虑Bootstrap，这是一个类似的框架，也有一个Drupal主题。目前，我自己正在使用ZURB Foundation，但那是因为我的研究表明它比Bootstrap更容易定制。
此外，Joyride组件非常甜美。
无论您使用ZURB Foundation，Bootstrap还是其他一些框架，请务必获得有关使用Drupal框架的这些提示。
