从一个 CSS 框架移植到另一个答案

【问题标题】：Porting from one css framework to another从一个 CSS 框架移植到另一个
【发布时间】：2014-07-16 16:13:55
【问题描述】：

我最近得到了两项类似的工作，将响应式网站从一个框架移植到另一个框架，即 Zurb Foundation 到 Bootstap 和 Gumby 框架到 Zurb/Bootstrap。我是否必须亲自经历各种细节、功能等等，还是有其他方法。也不是这三个框架相连，功能都差不多。（我听说 Gumby 基本上是 Zurb 基金会的一个分支）你认为我需要做多少工作，我对响应式设计还比较陌生，这不是我收入最高的项目之一！ :D

【问题讨论】：

你自己做过哪些研究？

标签： css responsive-design zurb-foundation porting gumby-framework

【解决方案1】：

只需替换 CSS/JS 文件，然后在所有 HTML 文件中进行查找/替换，以换入正确的类。例如，如果您要从 Bootstrap 转到 Foundation，则必须将所有 col-sm-12 实例更改为 small-12 columns。

【讨论】：

【解决方案2】：

工作量很大，而且可能会让人不知所措。我宁愿避免它，但话又说回来，我也遇到过你真的做不到的情况——例如在合并两个代码库时。问题是，如果你只是开始一个项目，你可能不会那么在意。但是当你开始关心的时候，已经太晚了：你所有的 HTML 都已经按照你开始使用的 CSS 框架所规定的标准进行了结构化。

我也解决了这个问题here。在那个答案中，我提到了尝试使用 Pug mixins 来生成我的 HTML，如果我将来选择切换 CSS 框架，它会引入一个间接杠杆，允许我改变生成 HTML 的方式。在您需要事后解决问题的特定情况下，这可能无济于事，但无论如何了解它可能会有所帮助。

【讨论】：