Ventanas y capas
Modal para decidir o capturar algo sin salir de la página (un editor largo, como redactar un mensaje, va en modal grande con scroll y sin cerrarse al hacer clic fuera); panel lateral para tareas más largas; globos de ayuda para aclarar sin ocupar espacio.
Modal, panel lateral, ayuda y popover
<button type="button" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#kit-modal">
Abrir modal
</button>
<button type="button" class="btn btn-light" data-bs-toggle="offcanvas" data-bs-target="#kit-offcanvas">
Abrir panel lateral
</button>
<button type="button" class="btn btn-light" data-bs-toggle="tooltip" data-bs-title="Asigna el registro a otro responsable">
Ayuda corta
</button>
<button type="button" class="btn btn-light" data-bs-toggle="popover" data-bs-title="Parentesco" data-bs-content="Indica la relación de la persona de contacto con el estudiante.">
Popover
</button>
Sí
El título del modal dice la acción y el botón principal repite ese verbo: «Deshacer cambio». Siempre hay una salida clara: «Cancelar».
No
No abras un modal sobre otro modal. No pongas en un tooltip información imprescindible: no se ve en pantallas táctiles.