Bootstrap アラート/バッジ Bootstrap
Bootstrap 5のアラート (alert) とバッジ (badge) コンポーネントを視覚調整しHTMLコード生成。
アラートのバリエーション
alert alert-{color}- 基本alert-dismissible+ 閉じるボタンで×表示alert-heading- 見出し用- アイコン付きは Bootstrap Icons 併用が一般的
バッジのバリエーション
badge text-bg-{color}- 基本 (Bootstrap 5.2+)rounded-pill- 完全な丸みposition-absolute top-0 start-100 translate-middle- 親要素の右上に重ねる