[SOLUCIONADO] Bootstrap Row oculto para móviles y row oculto para desktop

[luisvasquez]

Buenas tardes amigos,

Estoy trabajando con Bootstrap 4 y se me presenta un problema.

Tengo un <div class="row" que necesito que SOLO se muestre en móviles y tablets y se esconda para otros dispositivos.

Tengo otro <div class="row" que necesito que SE OCULTE en móviles y tablets y se muestre para otros dispositivos.

Estaba acostumbrado a Bootstrap 3 donde con hidden y visible con xs / sm / md / lg / xl podía resolverlo, pero la verdad me confunde la nueva versión y las pruebas que he hecho no han funcionado como quiero.

¿Alguien me puede tirar un clave sobre cuales son las clases que debería combinar en cada caso para lograr esto?

Saludos y de antemano muchas gracias,
Luis

[frankm]

Buenas tardes Luis,

Para Bootstrap 4, intenta con esto:

<div class="row d-block d-sm-block d-md-none">
Visible para móviles y tablets, escondido para otros
</div>

<div class="row d-none d-md-block">
Visible para otros dispositivos, oculto para móviles y tablets
</div>

[luisvasquez]

Me respondo yo mismo. Con esto funcionó, si a alguien le sirve

<div class="d-lg-none">esconder en pantallas grandes</div>
<div class="d-none d-lg-block">mostrar en pantallas pequeñas</div>

[luisvasquez]

Iniciado por frankm

Buenas tardes Luis,

Para Bootstrap 4, intenta con esto:

<div class="row d-block d-sm-block d-md-none">
Visible para móviles y tablets, escondido para otros
</div>

<div class="row d-none d-md-block">
Visible para otros dispositivos, oculto para móviles y tablets
</div>

Gracias amigo. Acabo de encontrar una respuesta similar en otro lugar y vine a postearla. Excelente, gracias por tu ayuda.