Clases que permiten mostrar u ocultar elementos en función a la conservación del
diseño. En muchas oportunidades es necesario ocultar determinados elementos para determinadas
medidas de pantalla y mostrarlos en otras.
Para poder utilizar los helpers es necesario conocer las medidas que utiliza la biblioteca.
Con esta clase podemos ocurtar elementos solo en dispositivos grandes (mayores a 1030px de ancho).
Esto es un div
La idea de esta clase es ocultar el elemento desde dispositivos medianos, lo que implica que solo se mostrará en dispositivos grandes.
Esto es un div
Sirve para ocultar elementos desde dispositivos chicos, de manera tal que solo se mostrará en dispositivos medianos y grandes.
Esto es un div
Esta clase solo se ocultará en los dispositivos extra chicos mostrandose en todas las demás medidadas.
Esto es un div
Esta clase permite mostrar elementos solo en equipos extra chicos.
Esto es un div
Con esta clase podemos mostrar los elementos sólo en equipos chicos 400 px < MED < 770px.
Esto es un div
Solo se muestran en equipos medianos.
Esto es un div
Solo se muestra en equipos grandes MED > 1030px
Esto es un div
Desde la versión 5.0.0 se añadieron los alias para poder utilizar las funcionalidades provistas pero en idioma inglés, a continuación se muestra una tabla con las equivalencias.
| Clases en Español | Clases en Inglés | Descripción |
|---|---|---|
| .ocultar-solo-grandes | .hide-only-large | Permite ocultar elementos en dispositivos con pantallas mas grandes que 1030px |
| .ocultar-desde-medianos | .hide-from-medium | Permite ocultar elementos en dispositivos de pantalla menores a 1030px |
| .ocultar-desde-chicos | .hide-from-small | Permite ocultar elementos en dispositivos de pantalla menores a 770px |
| .ocultar-desde-x-chicos | .hide-from-x-small | Permite ocultar elementos en dispositivos de pantalla menores a 400px |
| .mostrar-solo-x-chicos | .show-only-x-small | Permite mostrar elementos solo en dispositivos de pantalla menores a 400px |
| .mostrar-solo-chicos | .show-only-small | Permite mostrar elementos solo en dispositivos de pantalla menores a 770px y mayores a 400px |
| .mostrar-solo-medianos | .show-only-medium | Permite mostrar elementos solo en dispositivos de pantalla mayores a 770px y menores 1030px |
| .mostrar-solo-grandes | .show-only-large | Permite mostrar elementos solo en dispositivos de pantalla mayores 1030px |