Offset appears to be 'sticky' in that sm-offset-0 is possible by dragging the left most cell offset bar to the right then drag the whole thing left.<p>Really nice visualization; I'll use this if anyone needs an explanation/sandbox on my team!
Really nicely done. I do not really see it in my workflow much because typing is faster than dragging around for me now and I am pretty familiar with grid concepts, but this will be very useful to explain the concepts to people. Very impressed with the dragging and snapping.<p>Suggestions: There are some bugs. Sometimes I cannot drag to create an offset, sometimes I can. Also, sometimes I can only resize the col from the right. Would be nice to support containers (fluid and non-fluid) and we can better visualize how it impact the behavior in relation to the width of the device. Also, I think you can easily support Zurb Foundation grid too.
For anyone still reading - I fixed the save/preview feature, its really cool.<p>Example: <a href="http://shoelace.io/#2aed04bc819c4c7da28a" rel="nofollow">http://shoelace.io/#2aed04bc819c4c7da28a</a>
This is pretty awesome!<p>One suggestion: would it be possible to add old browsers as well? I am working on an app that doesn't render well on older versions of Firefox. I'll use Shoelace all the time for the front end part if I can use it to spot rendering problems with all kind of browsers.
After messing around with this, is there any reason to use any of the other sizes besides xs? With xs it seems like every device is covered, from the phone up to the large desktop.
Good Work !<p>Had made something similar before : <a href="http://jaykanakiya.com/bootstrap-grid-builder/" rel="nofollow">http://jaykanakiya.com/bootstrap-grid-builder/</a>
This was really useful, thank you!
I've always had a hard time visualising the grids.
Is there anyway I can add text, images and buttons?
Mostly for testing layouts.
That's great. Before clicking the link I thought "who the hell needs this"? But after trying it out for ~20 seconds... great - I'll use it.
This is awesome! I'll definitely start using this. I've seen JetStrap before for building the full UI. But this is great for alot of my uses.