Download This Plugin Back To jQueryScript
A jQuery plugin that stacks a group of Bootstrap Alerts in a clean, card-like format. Compatible with Bootstrap 5 and 4 frameworks.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras augue quam, accumsan vel neque non, dignissim tempus sem. Praesent ut varius sem. Sed sed sem mauris. Nulla quam mi, euismod.
<script>
$(document).ready(function () {
$('.alert-group').StackedAlert({
visibleAlert : 3, // Number of alerts to show in a group
startIndex : 1040, // Initial index value of alerts in the group
appendClass : 'custom-class', // Extra class to be added to per alerts
stackRange : 5 // Spacing between the position of the stacked alerts
});
});
</script>