命名引導引導和基礎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

也許它更容易前綴自己的類，而不是框架的。