Bootstrapで通知を表示するライブラリ【Bootstrap Notify】

WEB制作
Bootstrapで通知を表示するライブラリ【Bootstrap Notify】

Bootstrap Notifyは、Bootstrap製の通知用ライブラリです。画面四隅に加え画面真ん中下、真ん中上の計6カ所にBootstrapのalertを簡単に表示することができます。
DEMO

Bootstrap Notifyは、AjaxなどのJSの処理の結果やエラーをalert()よりもユーザー邪魔にならずに情報を表示することができます。

目次

サンプルコード

  $.notify({
      icon: "fa fa-paw",
      message: "Check out my twitter account by clicking on this notification!",
      url: "https://twitter.com/Mouse0270"
  },{
      type: "success",
      timer: 3000,
      placement: {
          from: 'top',
          align: 'right'
      }
  });

Font Awesomeにも対応している点は評価が高いです。

$.notify({
	icon: 'fa fa-paw',
	message: "You're not limited to just Bootstrap Font Icons"
});