選擇正確的前端框架

Question

我正在研究Bootstrap vs Foundation我的標准是：

• 輕量級
• 輕松定制
• 輕松構建復雜的HTML布局
• 移動/響應

在我過去使用Bootstrap的經歷中，從設計器模型構建布局作為“像素完美”HTML並非易事。

您的想法，想法表示贊賞。

Answer 1

Bootstrap和Zurb Foundation都是CSS框架，但它們有不同的用途。

Bootstrap的主要目標是對具有基本風格的網站或Web應用程序進行快速原型設計。 由於樣式是固執的，這使得它更適合於匹配自定義設計。 它得到了大力支持，並擁有龐大的社區。 它建立在Less之上，對某些人來說可能是一個加分。

Zurb Foundation 4采用了不同的方法。 它更像是一個項目的基礎框架，將根據項目需求進行完全定制。 風格很容易被覆蓋。 它是一個偉大的原型設計工具，它不具有風格。 網格系統很棒，任何人都可以理解它。 如果您使用Foundation，您的設計師會有不同的想法（他們會更多地考慮移動設備）。 它建立在SASS上。 這使得合並Compass精靈生成變得容易。 我發現基礎中的CSS課程更容易讓初學者學習和記憶。

您可以在互聯網上觀看一些Zurb演示視頻，它們真的可以幫助您理解他們為什么要構建它。

我正在研究自己的框架，以便意識到我需要的一切以及更多內容已經建立在基金會中。 最難的部分是了解Compass和Sass。 之后，您將輕松獲得基金會的支持。

Answer 2

這實際上取決於您的哪個標准更重要。

Foundation是為制作復雜，響應迅速的網站而構建的，但如果您想要使用它提供的所有內容，它的占用空間非常大。 另一方面，Bootstrap相對較小，但內置的功能並不多。我不能說自定義Bootstrap是多么容易，但改變基礎以滿足您的需求非常簡單（特別是如果你使用SASS版本）。

這是一個主觀的選擇：如果您的優先考慮是使用占地面積小的東西，請使用Bootstrap。 如果擁有一個響應准備就緒的大型庫對您來說更重要，請選擇Foundation。