Bootstrap3
日本語リファレンス

広告

アラート・メッセージ  alert.js


アラート・メッセージを閉じるJavaScript。

閉じたアラート・メッセージは、DOMから削除される。

サンプル

ポイントは2つ。

  1. アラートを閉じるbutton要素やa要素は、アラート内に配置する。
  2. 1のアラートを閉じるbutton要素やa要素のdata-dismiss属性に、alertを指定する。
ソースコード
<div class="alert alert-warning alert-dismissible fade in" role="alert">
	<button type="button" class="close" data-dismiss="alert">
		<span aria-hidden="true">×</span>
	</button>
	<strong>警告</strong>アラート
	<p><a href="#" data-dismiss="alert">閉じる</a></p>
</div>

広告