ブートストラップにxs、sm、mdなどのタグを追加する使用

xs、sm、mdなどのタグをブートストラップに追加すると、応答性（レイアウトの変更によるレイアウト処理）が自動的に処理されます。何らかの理由でコントロールがスタックしないようにしたい場合は、タグを使用するか、それとも良い方法ですか？ブートストラップにxs、sm、mdなどのタグを追加する使用

2016-12-12 Atif Qadri

これらは、画面サイズに関してコンテンツを調整するために指定されています。 col-lg-6だけを使用すると、小さな画面でも半画面しか表示されません。デスクトップのような大きなデバイスとモバイルデバイスのフルサイズのハーフスクリーンを表示したい場合は、col-lg-6を記述する必要があります。

2016-12-12 08:25:30

私はまったく書きませんか？ブートストラップはまだ私がクラスを書かずにそれを処理します。だから、実際の使用はどこですか？ –

https://blackrockdigital.github.io/startbootstrap-portfolio-item/ –

このリンクを参照すると、関連するプロジェクトは、大規模デバイスではcol-lg-3、小型デバイスではcol-xs-12と宣言されています。 col-lg-3を指定しないと、デフォルトでcol-lg-12が使用されます –

ブートストラップグリッドは12ブロックに分割されています。 xs, sm, md, lgクラスでは、異なる解像度でのコンテンツの表示方法を設定できます。各クラスは異なる解像度で幅のパーセンテージを設定しています。例えば

@media (min-width: 768px) 
.col-sm-2 { 
    width: 16.66666667%; 
} 
@media (min-width: 992px) 
.col-md-3 { 
    width: 25%; 
}

あなたは、通常の解像度ブロックの上にそれを設定することができ、半行col-md-6がかかりますが、小さな解像度には、行幅いっぱいになります：col-sm-12を。

<div class="col-md-6 col-sm-12">Content</div>

2016-12-12 08:26:47 arturas

答えて