How is the spacing between buttons on Bootstrap docs achieved?

Question

I can't figure out how the buttons are horizontally separated so neatly here without the aid of left and right margins.

Does anyone know how this is done?

the duplicate explain how to remove that space but also explain why there is a space too (you don't need the remove part) — Temani Afif, Oct 17 '20 at 19:33

score 1 · Accepted Answer · answered Oct 17 '20 at 18:33

1

The display method used for all of Bootstrap's .btn components is inline-block which makes them privy to the feature or bug (depending on your perspective) of honoring the white space created by carriage returns or spaces between each inline-block item.

answered Oct 17 '20 at 18:33

Robert

6,881
1
21
26

That explains it. But it didn't make a difference when I changed `display` to `inline`. – picardo Oct 17 '20 at 20:13

How is the spacing between buttons on Bootstrap docs achieved?

1 Answers1