Create a bootstrap row/col grid by drawing rectangles over ANY website!
Bootstrap Grid Generator Extension
Create a bootstrap row/col grid by drawing rectangles over ANY website!
How it works?
https://www.youtube.com/watch?v=Im-oAASuD0k
Things to remember:
1) Drag rectangles from the top-left corner.
2) You can draw rectangles inside each other for nesting rows and cols.
3) But don't draw *partially* intersecting rectangles (i.e. rectangle that is both inside and outside)
Read more
How it works?
https://www.youtube.com/watch?v=Im-oAASuD0k
Things to remember:
1) Drag rectangles from the top-left corner.
2) You can draw rectangles inside each other for nesting rows and cols.
3) But don't draw *partially* intersecting rectangles (i.e. rectangle that is both inside and outside)
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Bootstrap Grid Generator", "version": "0.0.1", "manifest_version": 2, "description": "Create a bootstrap row/col grid by drawing rectangles over ANY website!", "homepage_url": "https://github.com/minutephp/bootstrapgridgenerator", "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "default_locale": "en", "background": { "scripts": [ "src/bg/background.js" ], "persistent": false }, "browser_action": { "default_icon": "icons/panels.png", "default_title": "Draw grid" }, "permissions": [ "http://*/*", "https://*/*" ], "web_accessible_resources": [ "src/css/images/*.png" ]}
Read more