0
304
ViewsEl botón Cerrar no se muestra en la alerta descartable de Bootstrap pero funciona correctamente
Estoy usando alertas descartables de arranque para un formulario de inicio de sesión. Todo funciona como se esperaba, excepto que el botón Cerrar no se muestra correctamente pero funciona para descartar la alerta.
Estoy usando el marco EJS y una versión anterior de Bootstrap mientras sigo un curso.
<link rel="stylesheet" href="https://bootswatch.com/4/pulse/bootstrap.min.css"> <div class="alert alert-warning alert-dismissible fade show" role="alert"> <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudfare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHaiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>agradezco cualquier ayuda
·
Juan Pablo Isaza
1 answers
Answer question0
El CSS que agrega el carácter cancelar/cerrar como un icono SVG en losdocumentos de alerta de Bootstrap no parece estar presente en la versión que está utilizando.
Puede agregar el carácter Unicode manualmente. Tenga en cuenta que también agregué la clase btn , que se requiere para los estilos básicos de botones de Bootstrap .
<link rel="stylesheet" href="https://bootswatch.com/4/pulse/bootstrap.min.css"> <div class="alert alert-warning alert-dismissible fade show" role="alert"> <button type="button" class="btn btn-close" data-dismiss="alert" aria-label="Close">✕</button> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudfare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHaiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
·
Juan Pablo Isaza
Report
Answer question