Bootstrap Grids

Bootstrapグリッドシステム

Bootstrap'sグリッド・システムは、ページ全体で12列まで使用できます。

あなたが個別にすべての12の列を使用したくない場合は、グループ化列は、より広い列を作成することができます。

Bootstrap'sグリッド・システムが応答し、そして列は自動的に再配置する画面サイズに依存します。

グリッドクラス

Bootstrapグリッドシステムは、4つのクラスがあります。

• xs （携帯電話用）
• sm （タブレット用）
• md （デスクトップ用）
• lg （大きいデスクトップ用）

クラスは、上記のより動的で柔軟なレイアウトを作成するために組み合わせることができます。

基本構造Bootstrapグリッド

以下は、基本的な構造であるBootstrapグリッド：

最初; 行作成（ <div class="row"> そして、（適切にタグ列の所望の数を追加.col-*-*クラス）。 内の数字ことに注意してください.col-*-*常に行ごとに12まで追加する必要があります。

私たちは基本のいくつかの例を収集している以下のBootstrapグリッドレイアウトを。

3つの等しい列

次の例では、3つの等幅の列タブレットで開始し、大きなデスクトップへのスケーリングを取得する方法を示します。 携帯電話では、列は自動的にスタックします。

等しくない2つの列

次の例では、2つの様々な幅の列はタブレットで始まり、大きなデスクトップへのスケーリングを取得する方法を示しています。