gente, eu estou chamando uma modal ao autenticar o login no laravel.
porém a modal estava vindo sem as estilizações que eu fiz. porém na mesma página em outro momento é exibido normal.
@if(Session::has('errors'))
<script>
$(document).ready(()=>{
$('#exibirmodal').modal('show');
})
</script>
@endif
em outro momento na mesma página é exibido normal…
@extends('layouts.app')
@section('content')
<div class="container"><!--Início do Container-->
<div class="d-flex justify-content-center h-100">
<div class="card">
<div class="card-header">
<h3>Sistema de Gestão para Psicólogos</h3>
</div>
<div class="card-body">
<form method="POST" action="{{ route('login') }}"><!--Início do form-->
@csrf
<div class="input-group form-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-user"></i></span>
</div>
<input onkeypress="DefinirBgUsuario()" type="text" class="form-control" id="usuario" name="username" placeholder="Usuário" value="{{ old('login') }}">
</div>
<div class="input-group form-group">
<div class="input-group-prepend">
<span class="input-group-text"><i class="fas fa-key"></i></span>
</div>
<input onkeypress="DefinirBgSenha()" type="password" class="form-control" id="senha" name="password" placeholder="Senha">
</div>
<div class="form-group">
<button id="btn" type="submit" value="Entrar" onclick="ValidarLogin()" class="btn float-right btn-primary">
{{ __('Login') }}</button>
</div>
@if(Session::has('errors'))
<script>
$(document).ready(()=>{
$('#exibirmodal').modal('show');
})
</script>
@endif
</form><!--Fim do form-->
</div>
<div class="card-footer">
<div class="d-flex justify-content-center links">
<a href="#">Esqueceu a sua senha?</a>
</div>
</div>
</div>
</div>
</div><!--Fim do Container-->
<!-- Início do Modal -->
<div class="modal fade" id="exibirmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div id="modal_titulo_div">
<h5 class="modal-title" id="modal_titulo"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="modal_conteudo"></div>
<div class="modal-footer">
<button type="button" data-dismiss="modal" id="modal_btn">Voltar</button>
</div>
</div>
</div>
</div>
<!-- Fim do Modal -->
<footer ><!--Início do Footer-->
<span id="texto">© Copyright todos os direitos reservados</span>
</footer><!--Fim do Footer-->
@endsection
galera eu estava viajando completamente. fiz dessa forma e resolveu!
@if(Session::has('errors'))
<script>
$(document).ready(()=>{
ValidarLogin(1);
})
</script>
@endif