Bootstrap或Foundation:您應該使用哪種前端框架?

前端框架 (也稱為CSS框架)是節省時間和簡化網站構建過程的寶貴工具。 這裡有很多,但對於大多數人來說,它歸結為兩個“大”之間的選擇:Bootstrap和Foundation。

從客觀角度來看,兩者都不一定比另一個更好,但大多數人基於他們在CSS框架中尋找的內容有明確的偏好。

在本文中,我想幫助您找出哪一個最適合您的需求。

關於Bootstrap

Bootstrap最初是作為Twitter的內部風格指南創建的,它在2011年8月公開發布之後掀起了全球普及。現在,在3.2版本中,移動優先框架是免費且開源的。

Github上將近83,000顆星使它成為最受歡迎的項目,它擁有龐大的粉絲群,是目前使用最廣泛的框架。

關於基金會

基金會也是免費的開源軟件,它有一個類似的起源故事,在Zurb基金會的基礎上作為公司指南。 像Bootstrap一樣,它以移動為先,並將自身描述為“最先進的響應式前端框架”。

最近,基金會推出了5.3版本,儘管它比Bootstrap還要少得多,但最新版本已經在轉換越來越多的用戶。

你應該使用哪個?

就像我之前所說的那樣,實際上沒有“正確的答案”,但是有一些關鍵差異可能會為您做出決定。

如果您喜歡使用Less,Bootstrap就是要走的路,因為它目前在Foundation中不可用。 同樣,如果您的目標人口統計數據經常使用Internet Explorer,Bootstrap是更好的主意; Foundation不支持IE 8。

Bootstrap的主要優勢之一在於其受歡迎程度。 由於它被許多人使用,因此可以得到更多的信息:更多的教程,更多的回答問題等等。

如果你以前從未使用過前端框架,那無疑是最容易開始的地方。

然而,網絡建設的老兵可能更喜歡基金會的靈活性。 這是一個更簡單的框架,它允許額外的可定制性。

解釋誰應該使用哪個框架的最簡單方法可能是這樣的:

(這可能不適用於您,但通常面向開發人員的人會選擇Bootstrap,而設計師更喜歡Foundation。)

結論

由於這兩個框架都是免費且開放源代碼的,因此獲得最終答案的唯一方法就是嘗試每個框架。

你可能會發現自己感覺更“自然”,並產生你喜歡的結果。 如果是這樣的話,那麼你的決定會很容易。