为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Bootstrap C 设计

最近响应式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。


原文出自http://www.yunrui.co/26022.html

点击查看更多内容
29人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
页面重构设计
手记
粉丝
472
获赞与收藏
2.3万

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消