从一个css框架移植到另一个css框架

时间:2014-05-27 16:40:04

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

我最近有两个类似的工作,将响应式网站从一个框架移植到另一个框架,即Zurb Foundation到Bootstap,Gumby Framework到Zurb / Bootstrap。我是否必须亲自完成各种细节,功能和所有或其他任何方式。这三个框架也没有连接,功能和所有相似。 (我听说过Gumby基本上是Zurb基金会的一个分支)你认为我需要做多少工作,我对响应式设计相对较新,这不是&#39这是我收入最高的项目之一! :d

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

这是很多工作,并且可能会让人感到不知所措。我宁愿避免这种情况,但是再说一次,我也遇到过您无法做到的情况,例如,合并两个代码库时。问题在于,如果您只是开始一个项目,那么您可能并不太在意。但是到您开始关心时,已经为时已晚:所有HTML都按照开始时所用CSS框架规定的标准进行了结构化。

我也解决了这个问题here。在该答案中,我提到了尝试使用Pug mixins生成HTML的方法,并引入了一种间接杠杆,如果将来我选择切换CSS框架,则可以改变我生成HTML的方式。这可能对您的特定情况没有帮助,在这种情况下您需要在事后进行修复,但是无论如何了解它可能会有所帮助。