纯CSS实现的静态响应式网格:layout-grid

jopen 9年前

纯CSS实现的静态响应式网格。Javascript 使用原生拖拽来对每一个屏幕大小进行重排序。

Example Layout Grid

Installation

For only static positioning includecss/layout-grid.min.cssFor ordering items around includejs/layout-grid.min.js

Modification

sass/layout-grid.sassallows you to modify a lot of variables for each screen size, overriding the defaults. If you're using reorder you'll need to tell the javascript plugin about these modifications as well.

Development

After modification you can run thenpm installand thengruntto build and minify all the js and sass. Usegrunt qunitto execute the tests.

项目主页:http://www.open-open.com/lib/view/home/1442054239617