Alerts(アラート)

サンプル01-アラート表示

alert-success:緑色 アラートの文章が表示されます
alert-info:水色 アラートの文章が表示されます
alert-warning:黄色 アラートの文章が表示されます
alert-danger:赤色 アラートの文章が表示されます
コーディング
alert
01-04行目 アラート表示したい文言をalertで囲みます
alert-*****
01-04行目 アラートの色をalert-*****で指定します

サンプル02-アラートにクローズボタンを追加する

クローズボタン付きアラート ×を押下するとアラートが消えます
機能

Javascriptを使用してアラートを消去します

コーディング
alert-dismissable
01行目 クローズ機能を付加するアラートにalert-dismissableを指定します
<button ~
02行目 クローズボタン(×)の表示と、Javascriptでアラートを消去するためのトリガーを設定します
&times;
02行目 ×をエスケープ処理したものです

サンプル03-アラートにリンクを表示する

ここが リンクになっていたりしますよ!!
ここがリンクになっていたりしますよ!!
ここがリンクになっていたりしますよ!!
ここがリンクになっていたりしますよ!!
コーディング
alert-link
02行目 aタグ内でalert-linkを指定します