Bootstrap - Demonstração responsiva
O Bootstrap fornece algumas classes auxiliares para um desenvolvimento mais rápido e compatível com dispositivos móveis. Eles podem ser usados para mostrar e ocultar conteúdo por dispositivo por meio de consulta de mídia, combinado com dispositivos grandes, pequenos e médios.
Use-os com moderação e evite criar versões totalmente diferentes do mesmo site. Responsive utilities are currently only available for block and table toggling.
| Aulas | Dispositivos |
|---|---|
| .visible-xs | Extra pequeno (menos de 768 px) visível |
| .visible-sm | Pequeno (até 768 px) visível |
| .visible-md | Médio (768 px a 991 px) visível |
| .visible-lg | Maior (992 px e acima) visível |
| .hidden-xs | Extra pequeno (menos de 768 px) oculto |
| .hidden-sm | Pequeno (até 768 px) oculto |
| .hidden-md | Médio (768 px a 991 px) oculto |
| .hidden-lg | Maior (992 px e acima) oculto |
| Exemplo | Descrição | Link para Download |
|---|---|---|
| Cartão responsivo | Este exemplo indica sobre a estrutura da placa no Bootstrap | Baixar |
| Testemunhos simples | Este exemplo indica sobre a estrutura de Testemunhos no Bootstrap | Baixar |
| Grade de vídeo | Este exemplo indica sobre a estrutura do Grid Video no Bootstrap | Baixar |
| Imagem de banner | Este exemplo indica a estrutura da imagem do banner no Bootstrap | Baixar |
| Carrossel com indicadores faciais | Este exemplo indica sobre Carrossel com estrutura de indicadores de rosto no Bootstrap | Baixar |