轉換爲現有的Web應用程序的引導

我一直在尋找轉換使用自定義設計的CSS沒有樣式指南的現有的Web應用程序使用引導。該Web應用程序使用模板系統，可以輕鬆創建使用引導程序的原型模板。但是，使用引導程序模板時，網站的許多頁面會中斷/發生css衝突。對於那些已經成功在自己的應用中實施bootstrap的人，你是如何做到的？轉換爲現有的Web應用程序的引導

我想通過增量集成和部署在幾個月的時間內將引導模板緩慢地整合到網站中。這是合理的還是你發現它需要一個「全部或全部」的方法？

謝謝！

來源

2013-02-28 Zak

現有網站是否使用響應式設計？ – DavGarcia 2013-02-28 23:25:14

不，它不。 – Zak 2013-02-28 23:26:33

無論一次或一片一片地做，無所謂。只需建立一個開發網站並進行所需的任何更改。如果您正在測試所有內容，那麼在部署之前始終可以確保其可行。關鍵是測試。 – cytinus 2013-02-28 23:34:38

Twitter的自舉現有的網站需要你做到以下幾點：

變化的HTML被結構化引導的方式CSS需要它是
添加引導程序CSS文件（和JS文件太）
去除大部分自定義的CSS（只留下非常具體的CSS定義）

如果你是善於操縱boostra它不需要全有或全無的方法看起來像你的舊設計，否則，是的，你應該在將它投入生產之前做大部分工作。

來源

2013-02-28 23:30:36 Kristian

我使用帶有本地覆蓋的Twitter Bootstrap庫。

我使用自定義LESS implementation of Bootstrap 3，在此Smashing Magazine article之後儘可能匹配現有樣式。這可以輕鬆升級Bootstrap，同時保持您的定製。所以我得到了所有的基地font-size和border-radius等的匹配。

我繼續我的舊樣式表，仍然覆蓋所有匹配舊網站的舊樣式表儘可能完美地解決衝突，因爲我去了。

最大的問題是確保電網匹配。

隨着時間的推移，我刪除舊的樣式表的一部分，並保留自定義的引導程序。

來源

2017-01-15 11:01:27 icc97

轉換爲現有的Web應用程序的引導

回答

相關問題