ブートストラップ定義されるような4応答間隔はI、クラスを使用してい

が応答ブレークポイント{プロパティ} {辺}使用して要素にマージンを適用 - {ブレークポイント} - {サイズ} M（T、Bを、 R、L、X、Y） - （SM、MD、LG、XL） - （0、1、2、3、4、5）

<div class="col-12 mb-sm-3"></div>

を有するDIVを生成する必要があることを意味小さなデバイスではマージンボトムですが、そうではありません。

出典

2017-11-23 Luis Alves

マークアップが無効です。「

」は、「

」です**（最初のdivタグを閉じる）**。そしてマージンが増えます。 – vanburen

申し訳ありませんが、それはここでのタイプミスです。私のページでは、コード・タグはうまく閉じていて、まだ動作しません。 –

問題を示す例を追加して、正しいバージョンのBootstrapを使用していることを確認してください。 – vanburen

margin-bottom: 1rem!important;は、私は何が起こっているかだ.mb-sm-3

チェックこの

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="col-12 mb-sm-3" style="background:blue;height:20px;"></div> 
 
<div>Space above is the margin of the `mb-sm-3`</div>

出典

2017-11-23 04:28:52 Znaneswar

に追加されます。 MB-SM-3が唯一例えば携帯、iphone 6でそう576pxの最小幅に影響を与え、最小幅は私が行うために必要なものをそう未満576であった。

<div class="col-12 mb-3 mb-sm-0"></div>

これはのマージン底を作成します3以下の場合はsm（xsの場合）、sm以上はゼロになります。

ありがとうございました。

出典

2017-11-23 10:04:33

ブートストラップ定義されるような4応答間隔はI、クラスを使用してい

答えて

関連する問題