如果網頁設計和開人員采用了正确的工具集，并基于一個靈活的網格架構，以及能夠把響應圖像應用到到設計之中，那麼建立一個具備響應式的網站并不一定是一項艱巨的任務。在這篇文章中，我們為您呈現了一組優秀的網格工具清單。
在這篇文章中，我們為您呈現了一組優秀的網格工具清單。如果我們錯過了任何沒有列出在這個清單上的東西，請分享給我們。如果網頁設計和開人員采用了正确的工具集，并基于一個靈活的網格架構，以及能夠把響應圖像應用到到設計之中，那麼建立一個具備響應式的網站并不一定是一項艱巨的任務。
您可能感興趣的相關文章
- Web 前端開發人員和設計師必讀文章集錦
- 十個擁有豐富 UI 元件的 JavaScript 架構
- 十款精心挑選的線上 CSS3 代碼生成工具
- 開發者必備的八個最佳雲端內建開發環境
- 2012年度最佳 Web 前端開發工具和架構
Bootstrap
這是一個圓滑的，直覺的和強大的移動優先的前端架構，用于更快，更容易的 Web 開發。幾乎一切都已經被重新設計和重建，更好的支援移動端裝置。最新的 Twitter Booststrap 包含四層網格類——手機，平闆電腦，桌上型電腦，和大型桌面，你可以做一些超級瘋狂的布局。
Flurid
Flurid 是一種旨在建立跨浏覽器和流體界面的 CSS 網格架構。相較于許多其他流體網格系統， Flurid 不隐藏像素，而是使用 overflow: hidden 和 width: auto 屬性去除多餘的像素。
Less Framework
LESS 是一個輕量級的 CSS 架構，使您能夠建立靈活的多列布局的網站。它包含一個八列網格，根據黃金比例平行于網格的垂直鼓組排版預設的行高進行了優化。
Baseline
Baseline 是一個 CSS 架構，基于排版标準建立，其目的是簡化開發一個可喜的網格和良好的排版網站。借助 reset.css & base.css 檔案的幫助下，基線清除浏覽器的預設行為和建立一個基本的排版布局。
Gridless
Gridless 是一個樣闆，用來建立響應式和跨浏覽器，具有漂亮的印刷字型平台網站。它不與任何網格系統，而是重點是漸進增強并成為任何項目的一個起點。
The Semantic Grid System
語義網格系統是一個新的方法用來定義列列間距，選擇列數和像素和百分比之間切換。
Columnal
Columnal 是另外一個 CSS 網格系統。Columnal 是彈性網格，而一些代碼的靈感來自于 960.gs 網格系統。Columnal 使得響應原型更容易一些。
978GS
978是使用12列的54px ，列間距30px的網格布局系統，這一共就是978px ，在1024 × 768的顯示器上剛好使用了大部分的空間。
One % CSS Grid
One% CSS網格是有12列流體的 CSS 網格系統。它被設計為建立響應式的網絡布局，友善，快捷。您不必采取調整大小和你的每個平台分别布局重新處理。
Grid System Generator
網格系統生成器是一個網站，隻需要輸入網格的寬度，列數，建立一個固定的網格系統。除了 CSS 架構，還會身材 png 格式的背景檔案，用于在原型開發和設計提供幫助。