ブートストラップには、さまざまなレスポンシブマージンおよびパディングユーティリティクラスがあります。それらはすべてのブレークポイントに対して機能します。
xs （<= 576px）、 sm （> = 576px）、 md （> = 768px）、 lg （> = 992px）または xl （> = 1200px））
クラスは次の形式で使用されます。
{プロパティ} {外形} - {サイズ} xsの場合＆ {プロパティ} {外形} - {ブレークポイント} - {サイズ} の場合sm、md、lg、およびxl。
m - 余白を設定します
p - パディングを設定します
t - マージントップまたはパディングトップを設定します
b - マージンボトムまたはパディングボトムを設定します
l - 左マージンまたは左パディングを設定します
r - マージン右またはパディング右を設定します
x - 左パディングと右パディング、または左マージンと右マージンの両方を設定します。
y - padding-topとpadding-bottom、またはmargin-topとmargin-bottomの両方を設定します。
blank - 要素の4辺すべてに余白または余白を設定します
0 - margin または padding を0に設定します。
1 - margin または padding を.25rem（font-sizeが16pxの場合は4px）に設定します。 ）
2 - margin または padding を.5rem（font-sizeが16pxの場合は8px）に設定します。 ）
3 - margin または padding を1rem（font-sizeが16pxの場合は16px）に設定します。
4 - margin または padding を1.5rem（font-sizeが16pxの場合は24px）に設定します。 ）
5 - margin または padding を3remに設定します（font-sizeが16pxの場合は48px）。
auto - 余白をautoに設定します
これは、の下部マージン0（margin-bottom:0）を作成するために使用されます。ここで新しいスペーシングユーティリティクラスの詳細を見ることができます。 https://getbootstrap.com/docs/4.0/utilities/spacing/