20个响应式的CSS和网格框架

最近响应式CSS框架非常流行,已经在一系列的桌面和移动浏览器有不同程度的成功,本文介绍20个响应式的CSS和网格框架,可以用于提高开发和设计效率,是您最佳选择。(温馨提示:点击标题可访问线上版本)

Base

20个响应式的CSS和网格框架responsive-frameworks01

Base是超级简单的框架建立在移动设备,平板电脑,上网本和台式电脑。

Twitter Bootstrap

20个响应式的CSS和网格框架responsive-frameworks02

Twitter Bootstrap是光滑,直观,功能强大的前端框架,更快,更容易的项目扩展和维护。

Kube

20个响应式的CSS和网格框架responsive-frameworks03

Kube是极简主义,具有适应性和响应性,还有几好的栅格化与美丽的字体。

Foundation 3

20个响应式的CSS和网格框架responsive-frameworks04

Foundation 3具有最先进的响应前端框架的世界,建立一个强大的CSS预处理器SASS。

Skeleton

responsive-frameworks05

Skeleton是一个小的集合的CSS文件,可以帮助你快速开发的网站。

Material Design for Bootstrap

20个响应式的CSS和网格框架

Google设计的HTML元素。

Gumby

20个响应式的CSS和网格框架responsive-frameworks06

Gumby是一套网格框架。

IVORY

20个响应式的CSS和网格框架responsive-frameworks07

IVORY是一种简单、灵活和完全响应的基于网格的框架。它需要你所有的方式从1200px到320px。

Proportional Grids

20个响应式的CSS和网格框架responsive-frameworks08

Proportional Grids使用CSS盒子大小比例网格创建一个解决方案

StackLayout

20个响应式的CSS和网格框架responsive-frameworks09

StackLayout一个灵活的宽度,基于组件的CSS布局系统。

Susy

20个响应式的CSS和网格框架responsive-frameworks10

Susy是指南针响应网格。

Responsive Grid System by Graham Miller

20个响应式的CSS和网格框架responsive-frameworks11

Responsive Grid System by Graham Miller不是一个框架。这不是一个样板或。它是一个快速,方便和灵活的方式来创建一个响应网站。

Titan

20个响应式的CSS和网格框架responsive-frameworks12

Titan使您可以创建响应的布局,调整到任何屏幕分辨率的最大宽度。

Responsive Grid System by Denis LeBlanc

20个响应式的CSS和网格框架responsive-frameworks13

Responsive Grid System by Denis LeBlan是简单的CSS框架,快速响应,直观的网站开发,使用“移动第一”的方法建立。

Toast

20个响应式的CSS和网格框架responsive-frameworks14

Toas是一个CSS框架,只要它可以,但不简单。一一二列响应网格,您可以添加填充和边框的网格。

Gridiculous

20个响应式的CSS和网格框架responsive-frameworks15

gridiculous是12列,up-to-960-pixel-wide框架允许嵌套列。与其他的嵌套框架,内柱有自己的960个像素点。

Responsive Aeon 2.0

20个响应式的CSS和网格框架responsive-frameworks16

Responsive Aeon 2.0是newaeon HTML5框架的新版本,现在响应式基于百分比mediaqueries,HTML5和JavaScript的出发点。

Inuit.css

20个响应式的CSS和网格框架responsive-frameworks17

inuit.css提供很少或几乎没有设计,没有做过的事,没有删除CSS没有坚持别人的设计决策。

320 and Up

20个响应式的CSS和网格框架responsive-frameworks18

320 and Up是一个轻量级的,易于使用和内容第一响应的网页设计模板。

The Semantic Grid System

20个响应式的CSS和网格框架responsive-frameworks19

The Semantic Grid System利用CSS预处理器的功率(LESS, Sass and Stylus)来创建定制的列宽度。

Columnal

20个响应式的CSS和网格框架responsive-frameworks20

Columnal CSS网格系统是一个“混搭”有一些自定义代码。弹性网格系统是借用cssgrid.net,有些代码的灵感是从960.gs。

20个响应式的CSS和网格框架》有2条评论

  • bensaul 说:

    2015年8月16日 10:08

    最近你的网站一直都挂,还以为关站了,顿时觉得挺可惜的,发现你站挺好的,希望能一直办下去…………

    • kacash 说:

      2015年8月16日 11:08

      谢谢关注,网站其实每天都可以访问,因为服务器在国外不是那么稳定,你用谷歌浏览器访问会稳定点。

发表评论

返回页顶