サイズ・幅高さユーティリティの記事一覧

Bootstrap 5 のサイズユーティリティ｜幅・高さをレスポンシブに制御する

w-25/w-50/w-100 や h-100、min-vh-100 などのサイズユーティリティは、要素の大きさを柔軟に制御するための重要な機能です。このカテゴリでは、画像の .img-fluid、比率を保つ .ratio、object-fit の活用、固定幅と可変幅の使い分けなど、レスポンシブに強いサイズ設計の基本と実践を解説します。