Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Bootstrap Row oculto para móviles y row oculto para desktop en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/08/2018, 11:42
Avatar de luisvasquez  
Fecha de Ingreso: diciembre-2003
Ubicación: Venezuela
Mensajes: 879
Antigüedad: 20 años, 6 meses
Puntos: 6
Bootstrap Row oculto para móviles y row oculto para desktop

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
  #2 (permalink)  
Antiguo 29/08/2018, 13:43
 
Fecha de Ingreso: julio-2008
Mensajes: 253
Antigüedad: 15 años, 10 meses
Puntos: 11
Respuesta: Bootstrap Row oculto para móviles y row oculto para desktop

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>
__________________
Neothek.com | Web hosting, registro de dominios, Diseño Web y Certificados SSL

Última edición por frankm; 29/08/2018 a las 13:50
  #3 (permalink)  
Antiguo 29/08/2018, 13:52
Avatar de luisvasquez  
Fecha de Ingreso: diciembre-2003
Ubicación: Venezuela
Mensajes: 879
Antigüedad: 20 años, 6 meses
Puntos: 6
Respuesta: Bootstrap Row oculto para móviles y row oculto para desktop

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>
  #4 (permalink)  
Antiguo 29/08/2018, 14:06
Avatar de luisvasquez  
Fecha de Ingreso: diciembre-2003
Ubicación: Venezuela
Mensajes: 879
Antigüedad: 20 años, 6 meses
Puntos: 6
Respuesta: Bootstrap Row oculto para móviles y row oculto para desktop

Cita:
Iniciado por frankm Ver Mensaje
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.

Etiquetas: bootstrap, diseño, estilos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:39.