在Kentico CMS门户引擎中使用Zurb Foundation

时间:2013-06-11 23:53:48

标签: zurb-foundation kentico

我需要使用Zurb Foundation前端框架和Kentico CMS v7的门户引擎开发模型。当我将框架CSS导入CMS并将Foundation样式表应用于页面模板时,CMS样式和基础样式相互叠加,使得“设计”选项卡对用户来说几乎无用:

未应用任何样式:

enter image description here

应用样式:

enter image description here

我想知道我是否需要在Foundation CSS类中为样式添加前缀以尝试防止冲突,但是我最初的快速尝试似乎没有太大影响。

有没有办法以不妨碍门户引擎开发的方式包含Foundation CSS?

1 个答案:

答案 0 :(得分:1)

我现在唯一想到的就是有条件地添加CSS。

<%= CMS.CMSHelper.CMSContext.ViewMode != CMS.PortalEngine.ViewModeEnum.Design ? @"<link rel=""stylesheet"" href=""http://www.zurb.com/assets/foundation.top-bar.css"">" : "" %>

进入页面布局。我试图将其添加到母版页的布局(根文档 - &gt;母版页 - &gt;编辑模板属性 - &gt;布局),它工作正常。但它会将CSS添加到。不幸的是,这个代码在主页的head部分没有得到解决。