最近響應式CSS框架非常流行,已經在一系列的桌面和移動瀏覽器有不同程度的成功,本文介紹20個響應式的CSS和網格框架,可以用於提高開發和設計效率,是您最佳選擇。(溫馨提示:點選標題可訪問線上版本)
Base
Base是超級簡單的框架建立在移動裝置,平板電腦,上網本和臺式電腦。
Twitter Bootstrap
Twitter Bootstrap是光滑,直觀,功能強大的前端框架,更快,更容易的專案擴充套件和維護。
Kube
Kube是極簡主義,具有適應性和響應性,還有幾好的柵格化與美麗的字型。
Foundation 3
Foundation 3具有最先進的響應前端框架的世界,建立一個強大的CSS前處理器SASS。
Skeleton
Skeleton是一個小的集合的CSS檔案,可以幫助你快速開發的網站。
Material Design for Bootstrap
Google設計的HTML元素。
Gumby
Gumby是一套網格框架。
IVORY
IVORY是一種簡單、靈活和完全響應的基於網格的框架。它需要你所有的方式從1200px到320px。
Proportional Grids
Proportional Grids使用CSS盒子大小比例網格建立一個解決方案
StackLayout
StackLayout一個靈活的寬度,基於元件的CSS佈局系統。
Susy
Susy是指南針響應網格。
Responsive Grid System by Graham Miller
Responsive Grid System by Graham Miller不是一個框架。這不是一個樣板或。它是一個快速,方便和靈活的方式來建立一個響應網站。
Titan
Titan使您可以建立響應的佈局,調整到任何螢幕解析度的最大寬度。
Responsive Grid System by Denis LeBlanc
Responsive Grid System by Denis LeBlan是簡單的CSS框架,快速響應,直觀的網站開發,使用“移動第一”的方法建立。
Toast
Toas是一個CSS框架,只要它可以,但不簡單。一一二列響應網格,您可以新增填充和邊框的網格。
Gridiculous
gridiculous是12列,up-to-960-pixel-wide框架允許巢狀列。與其他的巢狀框架,內柱有自己的960個畫素點。
Responsive Aeon 2.0
Responsive Aeon 2.0是newaeon HTML5框架的新版本,現在響應式基於百分比mediaqueries,HTML5和JavaScript的出發點。
Inuit.css
inuit.css提供很少或幾乎沒有設計,沒有做過的事,沒有刪除CSS沒有堅持別人的設計決策。
320 and Up
320 and Up是一個輕量級的,易於使用和內容第一響應的網頁設計模板。
The Semantic Grid System
The Semantic Grid System利用CSS前處理器的功率(LESS, Sass and Stylus)來建立定製的列寬度。
Columnal
Columnal CSS網格系統是一個“混搭”有一些自定義程式碼。彈性網格系統是借用cssgrid.net,有些程式碼的靈感是從960.gs。