Docs: Bootstrap 5 - Provide clarification on spacing utilities for margin and padding sides e and s

[gitsome]

Before opening:

• Search for duplicate or closed issues

  • could not find issues with docs label relating to this issue

• Read the contributing guidelines

  • complete

Feature requests must include:

• As much detail as possible for what we should add and why it's important to Bootstrap

I recently started a new personal project and opted to start with Bootstrap 5.0. The spacing utilities are one of my favorite features and quickly found my habits from bootstrap 4.0 did not directly translate when adding margin left and right.

Bootstrap 4 uses ml- and mr- and Bootstrap 5 uses ms- and me- ( when in Right To Left ).

I was initially unclear as to what the e and s stood for because I'm a dummy and found at the time of this writing there are at least 57 other dummies out there:

https://stackoverflow.com/questions/66356647/what-do-s-and-e-stand-for-in-the-bootstrap-5-spacing-utility-classes

Figured the docs should have a small enhancement to provide context for a change that many people will run into so that they can easily remember when to use e and s in Bootstrap 5.0.

• Relevant links to prior art, screenshots, or live demos whenever possible

[gitsome]

Pull request: #33521

[gitsome]

Should be "docs" label.