mensagensFlash = true,
autoHide = true/false,
Para isso seria bom que o flash não seja inline para que não role o texto ao sumir. Algo assim:
<div class="flash-message fixed-top w-50 ml-auto mr-auto" style="margin-top: 60px">
@foreach (['danger', 'warning', 'success', 'info'] as $msg)
@if (Session::has('alert-' . $msg))
<p class="alert alert-{{ $msg }} border border-dark rounded">{{ Session::get('alert-' . $msg) }}
<a href="#" class="close" data-dismiss="alert" aria-label="fechar">×</a>
</p>
@endif
@endforeach
</div>
<script>
$(function() {
$(".flash-message").fadeTo(5000, 500).slideUp(500, function() {
$(".flash-message").slideUp(500);
});
})
</script>
mensagensFlash = true,
autoHide = true/false,
Para isso seria bom que o flash não seja inline para que não role o texto ao sumir. Algo assim: