Improved Notifications for Twitter Bootstrap

0

Make Bootstrap alert system much better with Improved Notifications. Unfortunately, native Twitter Bootstrap alerts are not user-friendly as we expected. To make a notification with bootstrap you have to code some ugly psuedo-html/js solution in a hacky manner or create your own notification system. So this Bootstrap extension do all job for you and brings to your web interface easy to use message boxes and alert notifications, which can be implemented within several minutes.

Improved Notifications for Twitter Bootstrap 01


Html:

 <div class='notifications top-left'></div> 


Position Options

Notifications supports four different position classes, only if utilizing the css file provided.


Js:

 $('.top-left').notify({
    message: { text: 'Aw yeah, It works!' }
  }).show(); // for the ones that aren't closable and don't fade out there is a .close() function. 


Notifications: Custom Styles

Notifications supports custom styles, and in fact have a few that come with the download.

Improved Notifications for Twitter Bootstrap 02

bangTidy: css/styles/alert-bangtidy.css
blackgloss: css/styles/alert-blackgloss.css mostly supported only by webkit!

View Notifications Demo
Download Notifications for Twitter Bootstrap

LEAVE A REPLY

Please enter your comment!
Please enter your name here