Notification
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
Example
Add data-toggle="notification"xwith data-title="*" to a button element and after click the notification will be visible.
<button type="button" class="btn btn-primary" data-toggle="notification" data-title="Default notification alert!">Notify me!</button>Variations
Custom notification are also available for the notification plugin add the data-notification="success" to the button element.
<button type="button" class="btn btn-success" data-toggle="notification" data-notification="success" data-title="Success notification alert!">Success notify</button>
<button type="button" class="btn btn-danger" data-toggle="notification" data-notification="danger" data-title="Danger notification alert!">Danger notify</button>
<button type="button" class="btn btn-warning" data-toggle="notification" data-notification="warning" data-title="Warning notification alert!">Warning notify</button>
<button type="button" class="btn btn-info" data-toggle="notification" data-notification="info" data-title="Info notification alert!">Info notify</button>Positions
Add custom placement to your notification. Use data-alignment="*" attribute to give a position.
<button type="button" class="btn btn-primary" data-toggle="notification" data-alignment="left" data-title="Notification alert!">Top left</button>
<button type="button" class="btn btn-primary" data-toggle="notification" data-alignment="right" data-title="Notification alert!">Top right</button>
<button type="button" class="btn btn-primary" data-toggle="notification" data-title="Notification alert!">Top center</button>
<button type="button" class="btn btn-primary" data-toggle="notification" data-alignment="bottom-left" data-title="Notification alert!">Bottom left</button>
<button type="button" class="btn btn-primary" data-toggle="notification" data-alignment="bottom-right" data-title="Notification alert!">Bottom right</button>
<button type="button" class="btn btn-primary" data-toggle="notification" data-alignment="bottom" data-title="Notification alert!">Bottom center</button>