Bootstrap accordion scrolltop animation

$(‘.panel-collapse’).on(‘shown.bs.collapse’, function (e) {
var $panel = $(this).closest(‘.panel’);
$(‘html,body’).animate({
scrollTop: $panel.offset().top
}, 500);
});

Bootstrap accordion, scroll to top of active (open) accordion on click? https://stackoverflow.com/questions/35992900/bootstrap-accordion-scroll-to-top-of-active-open-accordion-on-click

Bootstrap Alerts

Creating Alert Messages with Bootstrap: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-alerts.php

Alert:

<div class=”alert alert-error”>
<a href=”#” class=”close” data-dismiss=”alert”>&times;</a>
<strong>Error!</strong> A problem has been occurred while submitting your data.
</div>

Success:

<div class=”alert alert-success”>
<a href=”#” class=”close” data-dismiss=”alert”>&times;</a>
<strong>Success!</strong> Your message has been sent successfully.
</div>

 

 

Angular Bootstrap Former with Laravel

An Angular module will handle form validation from server side and display errors in combination with Bootstrap.

Angularjs form validation is perfect, but you also need to validate the form data in server. This module will help you submit the form, display the errors message, and execute the callback when the form submit successfully.

https://github.com/Evolpas/angular-bootstrap-former