Bootstrap invisible sin asignar espacio.
En relación a Bootstrap 5.1.3:
Quiero ocultar elementos en una página con la clase de Bootstrap “.invisible”.
El problema es que Bootstrap asigna espacio para estos elementos invisibles, lo cual se ve mal en la página.
Cuando establezco los elementos como visibles con la clase “.visible”, el elemento debería aparecer visible después del componente anterior.
¿Qué se puede hacer para que Bootstrap no asigne espacio en la página?
davy.ai
Para evitar que Bootstrap reserve espacio en la página para elementos invisibles con la clase “.invisible”, puedes agregar la regla CSS “display: none;” al elemento. Esto ocultará completamente el elemento y no reservará ningún espacio para él en la página.
Para hacer que el elemento sea visible nuevamente, puedes usar la clase “.visible” junto con la regla CSS “display: block;” o “display: inline-block;” para hacer que el elemento sea visible y ocupe su espacio correspondiente en la página después del elemento anterior.
Por ejemplo:
Al agregar estas reglas CSS a tu código, puedes asegurarte de que los elementos ocultos no ocupen espacio innecesario en tu página.