從一個CSS框架移植到另一個

Question

最近，我完成了兩項類似的工作：將響應式網站從一個框架移植到另一個框架，即Zurb Foundation到Bootstap，Gumby Framework到Zurb / Bootstrap。 我是否必須親自經歷各種棘手的問題，職能以及所有其他方法，還是有其他方法？ 這三個框架，功能和所有相似的東西也沒有相連。 （我聽說Gumby基本上是Zurb Foundation的一個分支）。您認為我需要做多少工作，對於響應式設計我還是比較陌生，這不是我薪水最高的項目之一！ ：d

Answer 1

只需替換CSS / JS文件，然后在所有HTML文件中查找/替換即可交換正確的類。 例如，如果您要從Bootstrap遷移到Foundation，則必須將col-sm-12所有實例更改為small-12 columns 。

Answer 2

這是很多工作，並且可能會讓人感到無所適從。 我寧願避免這種情況，但是再說一次，我也遇到過您無法做到的情況，例如，合並兩個代碼庫時。 問題在於，如果您只是開始一個項目，那么您可能並不太在意。 但是到您開始關心時，已經為時已晚：所有HTML都按照開始時所用CSS框架規定的標准進行了結構化。

我也在這里解決了這個問題。 在該答案中，我提到了嘗試使用Pug mixins生成HTML的方法，並引入了一種間接杠桿，如果將來我選擇切換CSS框架，則可以改變我生成HTML的方式。 這可能對您的特定情況沒有幫助，在這種情況下您需要在事后進行修復，但是無論如何了解它可能會有所幫助。