Con respecto a Bootstrap 5.1.3:
Quiero ocultar elementos en una página con clase de arranque ".invisible".
El problema es que Bootstrap asigna espacio para estos elementos invisibles que se ven mal en la página.
Cuando configuro los elementos como visibles con la clase ".visible", el elemento debe agregarse visible después del componente anterior.
¿Qué se debe hacer para que Bootstrap no asigne espacio en la página?
Usa CSS para eso. Y creo que Bootstrap también tiene clase "oculto" en lugar de "invisible"
si configura la clase bootstrap .invisible , es igual a css syle "visibility: hidden" . Será invisible pero aún en la página como elemento existente.
si configura la clase bootstrap .hiden , es igual al estilo css "display: none" Desaparecerá el elemento de su página a medida que espera.
puedes usar la clase bootstrap o el estilo css
estilo css:
.my-hiden-element { display: none; }oreja:
<div class="hiden"><div>