20個響應式的CSS和網格框架

發表於2015-09-07

最近響應式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。

相關文章