Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
L

layout-grid

> 编程语言
Open source

Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile.

793 stars0 likes3 views
WebsiteGitHub

About

Static responsive grid with pure css. Javascript using native drag-n-drop to reorder for each screen size on desktop and mobile.

Layout Grid

Documentation and demos: Layout Grid Site

Static responsive grid with pure css. Javascript using native Drag'n'drop to reorder for each screen size.

Installation

For only static positioning include css/layout-grid.min.css For ordering items around include js/layout-grid.min.js

Modification

sass/layout-grid.sass allows 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 the npm install and then grunt to build and minify all the js and sass. Use grunt qunit to execute the tests.

License

Copyright (c) 2015, Clippings Ltd. Developed by Ivan Kerin

Under BSD-3-Clause license, read LICENSE file.

Issues· 8 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

JavaScript

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言