Skip to main content Skip to docs navigation Bootstrap 4 (安定版) はこちらです

Close button (クローズボタン)

モーダルやアラートなどのコンテンツを閉じるための汎用的なクローズボタンです。

スクリーンリーダー用のテキストを必ず含めるようにしてください。無効化された閉じるボタンには pointer-events: none が適用され、ホバーやアクティブな状態がトリガーされるのを防ぎます。

<button type="button" class="close" aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>

<button type="button" class="close" disabled aria-label="Close">
  <span aria-hidden="true">&times;</span>
</button>