在一个Web项目中使用两个自定义版本的Zurb基础框架

时间:2013-12-20 21:52:58

标签: javascript asp.net css zurb-foundation

我的组织创建了一个ASP.NET Web Forms模板,其中直接将Foundation 4烘焙到其中。问题是它们没有包括所有可用的精彩功能(即块网格)。我真的很想使用块网格,那么下载自定义版本的Foundation并在同一个项目中存在另一个自定义版本的最佳方法是什么?

我有一个名为App_Assets的文件夹,这是他们要求我们放置任何自定义脚本的地方。

2 个答案:

答案 0 :(得分:1)

我确定这不是您正在寻找的答案,但是the Zurb Foundation FAQ states

  

6.如何使用多个版本的Foundation?

     

您不希望在单个项目中使用多个版本。如果您   正在为不同的项目使用不同的版本,我们有你   覆盖。您可以轻松使用Bundler等系统来定义版本   (使用宝石版)。这允许您编译CSS   你想要什么版本。如果您正在使用vanilla CSS,那么   不应该有问题,因为你没有编译宝石。

(强调我的)

所以它看起来不像(支持)这样做。并不是说你无法找到实现它的方法。

答案 1 :(得分:0)

我认为,只有一种安全的方法可以在你的项目中加入基础5 - 在项目中包含基础5文件并设置变量$ include-html-classes:false;
- 使用mixins生成您需要的组件

例如:

@import "foundation/components/block-grid";

.name-o-your-block-grid{
   @mixin block-grid();
}

有关您可以在源中找到的所有变量的信息: https://github.com/zurb/foundation/blob/master/scss/foundation/components/_block-grid.scss