alefeuvre/foundation-grid-displayer — pull request #9 by JayVerb (2013-12-03 18:55:58+00:00)
Title: Twitter Bootstrap v3 Alterations

Sorry, no minified versions. I wasn't intending to share, was mostly for a current project I was working on. At the request of sharing, these changes are specific to Twitter Bootstrap v.3. Some of these edits may be useful to incorporate into user defined options such as border color and border width for gutter reference. Basic changes made:

* Show all columns
* Add right and left column border to mimic gutter
* Border width and color hard coded to 15px white, but could be made a custom option
* pointer-events: none; set on #grid-displayer so you can click through the grid

__Important % based columns__
_Due to rendering differences and subpiuxel rounding calculations, percentage based column widths vary across different browsers. Don't be surprised if columns don't span 100%, especially in safari_

Change bookmarklet link for preview of changes:
javascript:
(function()%20%7B%20%20%20var%20head%20=%20document.getElementsByTagName(%22head%22)%5B0%5D;%20%20%20var%20bklScript%20=%20document.createElement(%22script%22);%20%20%20bklScript.type%20=%20%22text/javascript%22;%20%20%20bklScript.src%20=%20%22http://jayverb.github.io/foundation-grid-displayer/gd-bookmarklet.js%22;%20%20%20head.appendChild(bklScript);%20%7D)();