Bootstrap Grid - Large Devices

Bootstrapグリッド例：大デバイス

前の章では、中小デバイスのためのクラスとグリッドの例を提示しました。 我々は2つのdiv（列）を使用し、我々は彼らを与えた25%/75%小型デバイスに分割し、 50%/50%メディアデバイス上の分割：

しかし、大規模なデバイス上でデザインは、良いかもしれ33%/66%分割。

ヒント：大規模なデバイスが1200ピクセル、上から画面の幅を有するものとして定義されています。

大規模なデバイスのために我々は使用する.col-lg-*クラスを。

だから今、私たちは、大規模なデバイスのための列の幅が追加されます。

今、ブートストラップを持つクラスを見て、小さなサイズで」と言うために起こっている-sm-ミディアムサイズで、持つクラスを見てください。その中に、それらを使用-md-大きなサイズで、見てください。その中に、それらを使用します単語を持つクラス-lg- 「その中に、それらを使用します。

次の例では、になります25%/75%小型デバイスでスプリット、 50%/50%メディアデバイス上の分割、および33%/66%大規模なデバイス上の分割：

大きいだけを使用しました

以下の例では、我々は唯一の指定.col-lg-6なしクラス.col-md-*および/または.col-sm-* ）。 これは、大きなデバイスは、50％/ 50％に分割することを意味します。 しかし、中・小型デバイスのためには、垂直方向に（100％幅）をスタックします。