網格佈局 - 我爲什麼要使用它，應該使用像Bootstrap或Foundation這樣的框架？

Question

我曾經使用Twitter Bootstrap和Foundation，我個人認爲我唯一想使用的就是他們的網格系統。其他功能只是臃腫。

所以我讀到了網格佈局的前景。我發現的所有文章都是針對「藝術」的解釋（黃金比例等）。我是一名編碼員，我需要一個明確的邏輯理由來使用網格佈局（例如：'在移動屏幕上可以輕鬆堆疊列，並在大屏幕上水平放大）。有人可以給我網格系統應用到我的網站的利弊嗎？你個人認爲使用網格系統是好的嗎？

如果答案是肯定的，我是否應該使用Twitter Bootstrap/Foundation之類的預製網格系統，或者僅僅爲我自己製作一個網格系統？所有其他功能對我來說都是不必要的，這與我的問題無關。

謝謝！ ：D

Answer 1

我同意@kunalbhat這可能不是最好的地方問這個問題，但既然你做了我會盡力回答它。

網格的設計考慮到速度和適應性。以多種感官加快速度。速度的第一部分是編寫代碼的速度。使用網格系統時，您可以輕鬆獲得所需的佈局，並且一切正確。您不必記住您的表格和列和列跨度等。

第二種速度是修改您的代碼。不可避免地，你需要回去修改，這很容易實現。將col-md-7更改爲col-md-6很容易對您的頁面佈局進行一些調整，以便輕鬆追蹤和執行。

您提到了響應式設計，Bootstrap和Foundation都有響應式網格。根據視口大小，網格將捕捉到不同的大小。但是你也有控制權。例如，如果您希望桌面上的屏幕的1/12，平板電腦上的屏幕的1/4，以及使用Bootstrap和Foundation輕鬆完成的手機上的100％，則兩者都具有針對特定視口的網格類。

也提供基於這些視口的可見性類。

對於容易解決的「臃腫」部分。使用SCSS，您可以輕鬆導入庫的一部分。例如，對於一個項目，我只導入了網格，而且它相當小。

Answer 2

我碰巧認爲這是一個SO問題，僅僅是因爲CSS網格系統的一個主要缺點：語義。

我認爲語義對web開發者很重要，並且有一個名爲col-md-7的類並不是最有意義的事情。

但是我喜歡網格，因爲它們使用起來很方便，所以我開始使用LESS。因爲它允許我在CSS中使用變量和函數（mixins），所以我可以在CSS上構建自己的網格系統，而不是在HTLM上。

您可以從Frameless開始並自定義您自己的「班級」。