【Bootstrap】アラートに「×」をクリックすると閉じるボタンを追加しよう！

アラートに「×」ボタンを追加する。

alert-dismissibleを使うことで下記のようにアラートに「×」ボタンを追加してアラートを閉じられるように設定することが可能です。

ここにアラートを書きます ×

サンプルコード

<div class="alert alert-info alert-dismissible fade show">

ここにアラートを書きます

<button class="close" data-dismiss="alert"> &times; </button>

</div> 

fade showを入れることで「×」をクリックした際にゆっくり閉じる動作になります。