この記事Bootstrap 4 Spacing Utility Classes を見ましたが、彼はm-b-lgで使用していますclassName。
<div class="row">
<div class="col-sm-6 m-b-lg">
<!-- column-small-50%, margin-bottom-large -->
</div>
</div>
しかし、これを react の meteorjs で使用すると何も起こりません。何かが足りないのでしょうか、それともプラグインが足りないのでしょうか?
<div className="container-fluid">
<div className="col-xs-6 col-xs-offset-3 m-t-lg">
<h1 className="text-xs-center"> Login </h1>
<form>
<div className="form-group">
<input type="email" className="form-control" id="inputEmail" placeholder="Email"/>
</div>
<div className="form-group">
<input type="password" className="form-control" id="inputPassword" placeholder="Password"/>
<p className="text-xs-center"><a href="/signup"> Forgot your email or password?</a></p>
</div>
<div className="form-group">
<button className="btn btn-primary btn-block" type="submit"> Login </button>
<p className="text-xs-center"> New to Arcademy? <a href="/signup"> Sign up now.</a></p>
</div>
</form>
</div>
</div>
ベストアンサー1
Bootstrap 5 ベータ版 - 2021 年アップデート
Bootstrap 5ではRTLがサポートされるようになったため、 と の概念leftがとrightに変更されました。したがって、と の間隔ユーティリティが変更されました。startend*l-*r-
pl-*= ps-*
pr-*= pe-*
ml-*= ms-*
mr-*=me-*
Bootstrap 4 - 2020年アップデート
ブートストラップ4間隔ユーティリティが変更されました元の回答（v4 アルファ版）以来。構文は単純になりました。
- 余白:m{辺}-{サイズ}
- パディング:p{サイド}-{サイズ}
例..
mb-2= 下余白 2 間隔単位
m-0= 余白なし
pt-3= 上パディング 3 間隔単位
p-1= すべての側面パディング 1 間隔単位
現在、6サイズ（0-5）は標準スペーサーユニットの一部を表します.5rem。さらに、x軸（左/右）とY軸(上/下) ユーティリティが追加されました:
my-2= 上下の余白 2 間隔単位
mx-0= 左右の余白なし
px-3= 左右のパディング 3 間隔単位
また、間隔ユーティリティがレスポンシブになりました。xsブレークポイントが使用されていない場合は、最小のブレークポイントが暗黙的に設定されます。
- 余白:m{辺}-{ブレークポイント}-{サイズ}
- パディング:p{サイド}-{ブレークポイント}-{サイズ}
mt-md-2= 上部余白 2 間隔単位、オンmd(およびそれ以上)
py-sm-0= 上部と下部のパディングなし、オンsm(およびそれ以上)
関連している：Bootstrap 4 の間隔のバグ？