col-xs-12で表示したときに2つのブートストラップ列の間にスペースを追加する

Question

ブラウザがモバイルサイズの画面にリサイズされると、col-xs-12のプロパティの2つの列がギャップなしで表示されます。これを修正しますか？ when viewed in large size

when viewed in small size

Answer 1

独自のメディアクエリを追加することができます。だから、クラス「小さなマージントップ」のような下の1を与えた後、CSSにこれを追加します。

@media all and (max-width: 700px) { 
.small-margin-top{ 
    margin-top: 3em; 
    } 
} 

お好みや仕様にこれを調整します。私はあなたに示したように、ブートストラップが「最大幅」の代わりに「最小幅」を使用することを知っています。それが流れていることを確認するためにその目的についてのあなたの研究を行いますが、それは無関係に動作するはずです。