ブートストラップのグリッドシステムは、ビューポート全体でコンテンツを左から右にレイアウトするために使用されるColumns ( .col-*-*
CSSクラス)と呼ばれる12単位で構成されています。列は水平列グループを作成するために行 ( .row
CSSクラス)内に含まれます。行は、適切な位置合わせのために、固定幅または全幅のコンテナ (それぞれ.container
または.container-fluid
)内に配置されます。列には、列内のコンテンツ間に間隔(「溝」と呼ばれる)を作成する埋め込みがあります。
ブートストラップには、デバイスまたはビューポートのサイズが増加するにつれて最大12カラムまで適切にスケールアップする、応答性の高いモバイルの第1流体グリッドシステムが含まれています。コンテンツを格納する一連の行と列を使用してページレイアウトをすばやく作成するための定義済みのクラスが含まれています。