Ejemplos y recomendaciones en Bootstrap v4.

Esconder elementos

En las nueva versión de Bootstrap ha cmabiado la forma en la que se ocultan y muestran elementos (ya sean elementos del DOM o del GRID responsive)

Para ello utiliza el estilo css .d- seguido de la forma en la que se muestra (y alternativamente del dispositivo en el que se ejecuta. Ej: d-sm-)

.d-{value} for xs
.d-{breakpoint}-{value} for sm, md, lg, and xl.

Las opciones son:

• none
• inline
• inline-block
• block
• table
• table-cell
• table-row
• flex
• inline-flex

Ejemplos: https://getbootstrap.com/docs/4.0/utilities/display/