Bootstrap クラス辞書 Bootstrap

Bootstrap 5の主要ユーティリティクラスを検索・絞り込み。マージン/パディング/Flexbox/Display/表示制御まで。

使い方

  • 検索ボックスにクラス名や用途を入力で絞り込み
  • カテゴリタブで分野別に表示
  • 各クラスの「コピー」ボタンでクリップボードに転送

サイズ指定の規則 (Bootstrap 5)

  • マージン/パディング: m/p + 方向 + サイズ (例: mt-3 = margin-top: 1rem)
  • 方向: t (top), b (bottom), s (start), e (end), x (横), y (縦), なし (全方向)
  • サイズ: 0, 1 (0.25rem), 2 (0.5rem), 3 (1rem), 4 (1.5rem), 5 (3rem), auto
  • レスポンシブ: sm, md, lg, xl, xxl ブレークポイント (例: mt-md-3)