純CSS實現的靜態響應式網格:layout-grid

jopen 9年前發布 | 12K 次閱讀 CSS 前端技術 layout-grid

純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.baiduhome.net/lib/view/home/1442054239617

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!