命名引导引导和基础CSS框架

Question

我正在将Foundation CSS framework注入到现有项目中。基础类的许多名称与基础代码中的类发生冲突。我如何将Foundation JavaScript和CSS文件封装在自己的命名空间中？

这些是导致冲突的具体文件：

• foundation.css
• foundation.js
• foundation.reveal.js

我使用基金会V5。

我已将twitter-bootstrap标记添加到此问题中，因为我也尝试将Bootstrap CSS和JavaScript文件放入其自己的命名空间中（例如，使用these instructions），但没有成功。我怀疑正确的命名空间方法适用于Foundation和Bootstrap。

Answer 1

我最终交换了基金会的Ink framework，它具有我需要的功能以及命名空间的大部分类。我意识到这并不直接回答这个问题，但它解决了我的问题，所以我发布它以防其他人有相同的问题。

Answer 2

我看到的唯一选择是编辑基础的sass文件并编译自己的版本。

有与此相关的问题在GitHub上的讨论： https://github.com/zurb/foundation/issues/546

也许它更容易前缀自己的类，而不是框架的。