Bootstrap グリッド レイアウトの特徴 system_html/css_WEB-ITnose

グリッドレイアウトシステムの特徴:

(1) すべての行をコンテナに配置する必要があります: .container または .container-fluid

(2) 複数の行(row)に分割され、1つの行は均等に分割されます12 列 (col) に分割します

(3) Web ページのコンテンツは列 (col) にのみ配置でき、行 (row) に直接配置することはできません

(4) 行は列 (col) にネストできます

(5) コルポイントがありますは 4 つの主要なカテゴリです:col-xscol-smcol-mdcol-lg

(6)col-md-* *値は 1 ～ 12 であり、値は特定の列の幅 (*/12) )

(7) 異なる画面で列に異なる幅を指定できます

(8)col-lg-* は大きな PC 画面でのみ有効です

col-md-* は通常の PC と大きな PC の両方で有効です画面

col-sm-* は、タブレット、PC、および大きな PC 画面に有効です

col-xs-* は、携帯電話、タブレット、および大きな PC 画面を備えた PC に有効です

(9) .hidden-lg現在の列は、大きな PC 画面でのみ非表示になります

.hidden-md 現在の列は、PC 画面でのみ非表示になります

.hidden-sm 現在の列は、タブレット画面でのみ非表示になります

.hidden-xs 現在の列は、携帯画面に隠れています