Bootstrap - Demostración receptiva
Bootstrap proporciona algunas clases de ayuda para un desarrollo más rápido compatible con dispositivos móviles. Estos se pueden usar para mostrar y ocultar contenido por dispositivo a través de una consulta de medios, combinados con dispositivos grandes, pequeños y medianos.
Úselos con moderación y evite crear versiones completamente diferentes del mismo sitio. Responsive utilities are currently only available for block and table toggling.
| Clases | Dispositivos |
|---|---|
| .visible-xs | Extra pequeño (menos de 768 px) visible |
| .visible-sm | Pequeño (hasta 768 px) visible |
| .visible-md | Medio (768 px a 991 px) visible |
| .visible-lg | Más grande (992 px y superior) visible |
| .hidden-xs | Extra pequeño (menos de 768 px) oculto |
| .hidden-sm | Pequeño (hasta 768 px) oculto |
| .hidden-md | Medio (768 px a 991 px) oculto |
| .hidden-lg | Más grande (992 px y superior) oculto |
| Ejemplo | Descripción | Enlace de descarga |
|---|---|---|
| Tarjeta sensible | Este ejemplo indica la estructura de la tarjeta en Bootstrap | Descargar |
| testimonios simples | Este ejemplo indica acerca de la estructura de Testimonios en Bootstrap | Descargar |
| Cuadrícula de video | Este ejemplo indica la estructura de Grid Video en Bootstrap | Descargar |
| Imagen de banner | Este ejemplo indica la estructura de la imagen de banner en Bootstrap | Descargar |
| Carrusel con indicadores faciales | Este ejemplo indica acerca de carrusel con estructura de indicadores faciales en Bootstrap | Descargar |