Copié el código directamente de los documentos de arranque (a continuación) pero, por alguna razón, mi insignia de "éxito" se muestra como texto blanco sobre un fondo blanco. Puedo resaltar el texto y está "allí", pero no se muestra como debería.
Código de arranque:
<span class="badge badge-success">Success</span>Código de mi página:
<h5 class="card-title mb-2"><%= title %> <span class="badge badge-success">Success</span> </h5>¿Alguna idea de por qué no funciona correctamente?
Lo correcto es badge bg-success si usas bootstrap 5
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/> <h5 class="card-title mb-2"> <%= title %> <span class="badge bg-success">Success</span> </h5> <span class="badge bg-success">Success</span>Lo más probable es que esté utilizando Bootstrap 5 en su proyecto y por eso aparece en blanco. Si usó bootstrap 4, su código funcionaría.