The Semantic Grid System

设置列和装订线的宽度，选择列数，然后在像素和百分比之间切换。

免费应用
Web

设置列和装订线的宽度，选择列数，然后在像素和百分比之间切换。在标记中都没有任何.grid_x类。哦，我们提到它具有响应性吗？在LESS，SCSS或Stylus上运行。阅读Smashing Mag。

网站:

http://semantic.gs/

分类目录

发展历程

Web版The Semantic Grid System的替代品

Foundation

Foundation是一个易于使用，功能强大且灵活的框架，用于在任何类型的设备上构建快速的原型和生产代码。

免费应用
Web

Materialize

Materialize是基于Google Material Design的现代响应式CSS框架

免费应用
Web

Skeleton

Skeleton是CSS和JS文件的一个小集合，可以帮助您快速开发任何尺寸的漂亮站点，无论是17英寸笔记本电脑屏幕还是iPhone。

免费应用
Web

Purecss

一组小型的自适应CSS模块，您可以在每个Web项目中使用。

免费应用
Web

GroundworkCSS

GroundworkCSS是100％免费和开放源代码的HTML5，CSS和JavaScript框架。

免费应用
Web
Self-Hosted

Spectre.css

轻巧，响应迅速的现代CSS框架，可实现更快，可扩展的开发。

免费应用
Web
Self-Hosted

Blueprint

欢迎使用蓝图！这是一个旨在减少CSS开发时间的CSS框架。它为您构建自己的CSS奠定了坚实的基础。

免费应用
Web

Element UI

Element，一个基于Vue 2.0的组件库，面向开发人员，设计人员和产品经理。

免费应用
JavaScript
Vue.js
Web
Self-Hosted
CSS

Material Design Lite

Google的前端Web框架，用于根据Material Design规范构建网站。

免费应用
Web

320 and Up

“小屏幕优先”响应式样板。

免费应用
Web

BrowserPage

BrowserPage.net-您网站的最直观的响应式设计检查器在线工具。

免费应用
Web

960 Grid System

960网格系统旨在通过提供基于960像素宽度的常用尺寸来简化Web开发工作流程。

免费应用
Windows
Mac
Linux
Web
BSD

The Goldilocks Approach

响应式Web设计的Goldilocks方法-设计的一个很好的起点，它使设备的分辨率成为可能。

免费应用
Web

Golden Grid System

用于响应式网页设计的网格系统。包括折叠柱，弹性排水沟，可缩放的基线网格和令人愉悦的网格覆盖脚本。

免费应用
Web

Less Framework

Less Framework是用于设计自适应网站的CSS网格系统。它包含4个布局和3组印刷预设，全部基于单个网格。

免费应用
Web