col-md-4ってなんなの

2024年6月8日

col-md-4 は、Bootstrapと呼ばれるCSSフレームワークで提供されているクラスで、ブートストラップのグリッドシステムを使用してコンテンツを配置するためのものです。

• col: カラム（column）を指定するクラス
• md: メディアクエリにより、中サイズ（medium）以上のデバイスでの表示時に適用されることを示すクラス
• 4: カラムの幅を示すクラスで、12分割のグリッドシステムを採用しており、1から12までの数値を指定できます。4は12分割のうちの4つ分のカラム幅を表します。

col-md-4は、中サイズ以上のデバイスで4つ分のカラム幅を持つ要素を指定するクラスです。これにより、画面を3つのカラムに分割し、その中に要素を配置することができます。