containers
Containers
Os contêineres têm duas partes:
A estrutura HTML é:
<div class = "contêiner">
<div class = "cabeçalho"> </div>
<div class = "esquerda"> </div>
<div class = "Middle"> </div>
<div class = "Right"> </div>
<div class = "rodapé"> </div>
</div>
E o CSS deve ser download daqui.
Cada seção do contêiner pode conter outro contêiner ou qualquer tag, formulário ou componente HTML.
Você deve evitar colocar componentes dentro do recipiente, mas fora de uma seção de contêiner.
O tamanho padrão de cada seção de contêiner é:
- Cabeçalho: Largura: 100%, altura: 10% - Esquerda: Largura: 10%, altura: 80% - Médio: largura: 80%, altura: 80% - Direita: Largura: 10%, altura: 80% - Footeiro: Largura: 100%, altura: 10%
Use nossas classes para alterar esses tamanhos padrão ou até fazer com que qualquer seção não seja exibida.
Para não mostrar nenhuma seção, use uma dessas classes: nenhuma , W00 , H00 .
Para definir outra largura, use essas classes: W05 , W10 , W15 , W20 , W25 , W30 , W35 , W40 , W45 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , WOL .
Para definir outra altura, use essas classes: H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
O número na classe é a porcentagem que será aplicada à seção ou div contêiner.
O uso de contêineres é possível para criar qualquer layout desejado.
Dê uma olhada nos nossos exemplos para entender como usar contêineres.
Os contêineres também têm muitos componentes a serem usados. Alguns deles usam apenas CSS para serem formatados, outros usam JavaScript para implementar ações sobre si mesmas.
Os ícones usados em nossos componentes foram retirados da Font Awesome Desktop Version e estão incluídos para baixar.
Esses ícones foram renomeados manualmente por ter seus nomes começando com "FA-" como uma atribuição ao seu proprietário: Fonte Incrível.
Você pode contribuir para os contêineres que criam temas incríveis e cometendo para o nosso repositório,
doar (Patreon) ou com sugestões.
============================================================================================================= dúvida -Navegadores suportados (versão mínima) [Compatibilidade: 92,73% dos navegadores usados globais em 2020-06-02]: ----------------------------------------------------- Navegador: versão: plataforma ----------------------------------------------------- - Chrome: 49: PC/Mac - Chrome: 81: Android - Edge: 16: PC - Firefox: 34: PC/Mac - Firefox: 68: Android - Opera: 36: PC/Mac - Opera: 46: iOS, Android (Opera Mobile) - Safari: 13.1: Mac - Safari: 13.4: iOS - Samsung: 11.1: Android ----------------------------------------------------- - navegadores suportados? [Compatibilidade desconhecida: 1,98% em 2020-06-02]: - Navegador UC: 12.12: Android -Navegadores não suportados [não compatíveis: 2,70% em 2020-06-02]: - ou seja - Opera mini - QQ Nota: A versão mínima foi retirada de https://caniuse.com Procurando recursos CSS que usamos. ============================================================================================================= dúvida
