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でアラートを消去するためのトリガーを設定します
- ×
- 02行目 ×をエスケープ処理したものです