Bootstrap5での左右指定にはstartとendを
Bootstrap5から左右を指定する時にleftやrightを使わずに、startやendと使用するようになってるみたいです。
| Bootstrap v4 | Bootstrap v5以降 |
|---|---|
| left | start |
| right | end |
実際には、省略して記載することになるのでms-4やpe-4のように記載します。
<div class="ms-4 pe-4">
左にmarginを、右にpaddingを指定
</div>
なぜ仕様変更したのか
以前のバージョンでは、アラビア語などのRTL言語環境（右から左に記述される言語）と英語などのLTR言語環境（左から右に記述されれる言語）のどちらにも対応するスタイルを効率よく指定をすることができなかったためです。
RTL言語（アラビア語など）では右揃えにするときml-autoを使用しますが、その環境でLTR言語（日本語など）を記述すると右揃えにされた変な文章になってしまうので、LTR言語（日本語など）用にmr-autoを別で指定しないといけなくなります。
このスタイルの二重指定が面倒なのでstartとendを用いることでどちらの言語圏にも対応することができるようになったのです。
24卒未経験エンジニアによる備忘録です。
研修中に学んだことを少しずつ投稿しています。
ご指摘などありましたらお気軽にコメントください。