In this week’s episode of Programming By Stealth, Bart Busschots takes us through the last bit of the Utilities for Bootstrap 4. We’l refer to the WABAC Machine (kids, ask your parents about Sherman and Mr. Peabody) to installments 8 and 9 comparing positioning with CSS vs. Bootstrap. Thenwe’ll learn about sizes and float utilities, Flexbox utilities, and Screen Reader utilities. It’s great fun and of course Bart has his excellent companion tutorial at pbs.bartificer.net/… and you can find Dorothy’s awesome index of all things Programming By Stealth at podfeet.com/blog/pbs-index.
The way I remember which is margin and which is padding is by referencing a printed page, which has only one of these. The margins of a page are its outermost edges – which happily mirrors the CSS box model.
Ooh, I just came up with a mnemonic to remember **C**ontent **P**adding / **B**order **M**argin, and I think you’re gonna like it:
**C**aptain **P**icard **B**org **M**odifications
Resistance is futile.
That’s simply superb Donald!
I can even add to it a little — the order content, padding, border, margin is from the inside out, and that work for Borg Picard too — it’s still Jeanluc on the inside, so C P is on the inside!