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.
Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
11–20 of 50 posts
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#12This is great! I can't figure out how to nest containers though, is this supported?
[deleted]
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#13Earlier quoted context omitted.
You're welcome. Saving is broke right now. Be sure to check out the Less Mixin mode where you can name your rows and columns and use pure Less to make the grids. Fun fact - it's all clojurescript.
As someone who knows Python/JS/some html, but very little css, this is absolutely fantastic. Thank you! PS: you mentioned Clojurescript, are you using Om?
Wrong guy to ask, I'm just the experience and design and bootstrap guy, my partner is the engineering powerhouse behind how it actually works
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#14This is great! I can't figure out how to nest containers though, is this supported?
You'd never nest containers using bootstrap. Do you mean rows/cols?
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#15Can you change the column type from lg to others like xs?
What do you mean? You can change them to any by clicking on the left side different "views" and then change the column width to anything, and when you click back and forth between the responsive sizes you'll see it change live, and you'll see the HTML and Less change.
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#16This is great! I can't figure out how to nest containers though, is this supported?
[deleted]
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#17This 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.
Nope. This is all it does and all it is planned to do. There may be more features to extend the way it works, but it's strictly a grid tool and learning tool, not a builder.
I wanted to attack the problem from a different angle than bootply and some of the others that recreate a WYSIWYG like Dreamweaver in the browser. This is JUST for seeing the grid and learning how it works, and seeing how the Less mixins work.
It's a narrow purpose, but I want to focus just on 1 thing and do it better than anyone in the world.
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#18This is great! I can't figure out how to nest containers though, is this supported?
FYI, Erik's great post that was here yesterday may be useful in dissecting containers vs. rows vs. cols. [1]
[1] http://www.helloerik.com/the-subtle-magic-behind-why-the-boo...
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#19This is great! I can't figure out how to nest containers though, is this supported?
Probably want to nest a row in a col.
nesting containers is something you don't want or need to do.
rows will reset the col padding so nesting rows in cols will have the correct behavior.
Re: Show HN: Shoelace.io – Visual Bootstrap Grid Builder and Teacher Beta
#20After 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.