Warning! ×をクリックすると消えます。
このアラートは、デフォルトのアラートです。
Error! ×をクリックすると消えます。
このアラートは、alert-errorクラスを使って作成しました。
success! ×をクリックすると消えます。
このアラートは、alert-successクラスを使って作成しました。
info! ×をクリックすると消えます。
このアラートは、alert-infoクラスを使って作成しました。
Alert！
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
このアラートは、alert-blockalert-headingクラスを使って作成しました。
- 閉じるボタンとテキストを作成し、alertクラスを設定したdivタグでラップします。
- デフォルトのアラート以外に3種類のアラートが用意されています。
alert-erroralert-successalert-info
alertクラスと合わせて使います。
alert-blockは上下に余白をつくります。アラートの中に表示するメッセージが長文になるときに使うと便利です。alert-headingを使うと、タイトルつけたアラートを表示することができます。