These samples are from W3Schools Boostrap 3 examples. I have converted them to work on WA, styling them to match my Hacks and Help site. The coolest part? NO CSS IS NEEDED! We’ll only use container calls and the bootstrap class names.
I (Amy, the author of this article) have read the W3Schools Copyright info and am providing these conversion tutorials for educational value, not for profit. I do not claim rights to the W3 examples.
Some examples work slightly differently than the W3 samples.
Your containers may look different from mine because of different themes/styles for WA.
Below I’ll share different container with classes, then in the light grey boxes will be the WA Code (formerly BBCode) to create them for you to copy and paste.
This one is an example of a grid of columns. Read the Bootstrap Grid system info if this section looks like a foreign language.
Amy is a homemaker and author, who in a past-life was a programmer on the Landsat-7 team and instructor for youth Lego robotics and programming classes. She's a tinkerer by nature and loves Japan, foxes, nalbinding, and both tea and coffee. Find her on Discord as ShyRedFox#7256 (she hangs out quite a bit on the WA server) or feel free to check out her worlds on WA, subscribe to her Ko-Fi.