Bootstrap Grid - Medium Devices

Bootstrapグリッド例：中程度のデバイス

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

しかし、メディアデバイス上でデザインは、良いかもしれ50%/50%分割。

ヒント：ミディアムデバイスが1199ピクセルに992画素から画面の幅を有するものとして定義されています。

メディアデバイスのために我々は使用する.col-md-*クラスを。

今、私たちは、メディアデバイスのための列の幅が追加されます。

今、 Bootstrap言おうとされている」、小さなサイズで持つクラスを見て-sm-その中に、それらを使用しています。ミディアムサイズで、持つクラスを見て-md-その中に、それらを使用します」。

次の例では、になります25%/75%小型デバイスに分割し、 50%/50%培地（および大）デバイス上の分割。 余分な小型デバイスで、それは自動的に（100％）スタックします。

媒体のみを使用しました

以下の例では、我々は唯一の指定.col-md-6せずにクラスを.col-sm-* これは、中規模および大規模のデバイスが分割されることを意味する50%/50%クラスがスケールアップするので- 。 しかし、小型のデバイスのために、それは垂直（100％幅）をスタックします。

次の章では、大規模なデバイスのための別の分割パーセントを追加する方法を示します。