12 個實用的響應式網格框架

1. Base Framework

From the word itself, it is the foundation of the things that you need to have before you run up your site because of its CSS framework, which makes things already responsive through its 12-column 960px grid that has a complete package. Some of the perks it provides are customization of stylesheet because of LESS file, basic styles for stylesheet, HTML 5 template inclusive of jQuery and a default JavaScript file.

2. Bourbon Neat

Neat 是一個開源的流體表格框架，基于 Bourbon 構建，方便定制。

3. Kube CSS Framework

Kube可對forms, grids, buttons, tables, typography設置樣式。還有其它一些東西包括鏈接和圖片。

對于開發人員擁有最大的靈活性和定制，還提供了LESS文件。

4. One% CSS Grid

One% CSS Grid 是一個流體網格系統用于快速開發響式網站。

該系統是一個基于百分比這意味著它可以適應任何屏幕分辨率（手機，平板電腦和大屏幕）。
提供兩個選項來開始一個項目：全屏視圖;和1280px與1024px。

5. Proportional Grids

Things are made easier through its fixed gutters because it does not focus on widths, but on proportions that simply allows web designers to achieve a fluid and responsive grid that is built by boon.

6. RWD Grid

It is derived from the famous 960.gs which can be compared to the 960.gs_ but has been changed to a hyphen instead of underscore for improve readability.

7. Responsify.it – A Responsive Template Generator

With its interface, it allows anyone to build a site with minimal effort because of its framework generator that is also responsive in creating grid framework, which can also be customized according to preferences and needs.

8. Simple Grid

Simple Grid 是一個基于響應式設計的簡潔的 CSS 框架，讓你可以快速創建適應于手機和平板電腦的網站。它不是一個包含從表單到按鈕所有東西的 CSS 框架，它僅僅是一個非常輕量級的 CSS 網格系統。不再是 1024像素，Simple Grid 一開始就設計成支持更大的顯示器和更大分辨率。Simple Grid 的 12 列結構設計讓你非常容易幫網頁分割成 2，3 4 或者 6 列，給程序員更多的選擇。

9. The Goldilocks Approach

This is one of the best responsive grid frameworks that suits for mobile users. It allows web owners to use media queries, ems, and max width whether for single, narrow, and even multi-column. It is also resolution independent, which can be seen once you open it through your smartphones, or mobile devices. It has a boilerplate HTML file and CSS files to help you commence your site.

10. Titan Framework

利用Titan Framework 你可以創建響式布局，它能夠在最大寬度限制下自適應任何屏幕分辨率。

11. Toast CSS Framework

For simple designs, this framework works best whether it’s for a 12-column layout on desktop or a single column for mobile phone users. It has a developed normalize.css and its very own stylesheets.

12. Ivory

IVORY 基于12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。