containers
Containers
Los contenedores tienen dos partes:
La estructura HTML es:
<div class = "Container">
<div class = "Header"> </div>
<div class = "izquierda"> </div>
<div class = "Middle"> </div>
<div class = "Right"> </div>
<div class = "pie"> </div>
</div>
Y el CSS debe descargarse desde aquí.
Cada sección del contenedor puede contener otro contenedor o cualquier etiqueta HTML, formulario o componente.
Debe evitar colocar componentes dentro del contenedor pero fuera de una sección de contenedor.
El tamaño predeterminado de cada sección del contenedor es:
- Encabezado: Ancho: 100%, Altura: 10% - Izquierda: ancho: 10%, altura: 80% - Medio: Ancho: 80%, Altura: 80% - Derecha: ancho: 10%, altura: 80% - pie de página: ancho: 100%, altura: 10%
Use nuestras clases para cambiar estos tamaños predeterminados o incluso hacer que no se muestre ninguna sección.
Para no mostrar ninguna sección, use una de estas clases: Ninguna , W00 , H00 .
Para definir otro ancho, use estas clases: W05 , W10 , W15 , W20 , W25 , W30 , W35 , W40 , W45 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , W100 .
Para definir otra altura, use estas clases: H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
El número en clase es el porcentaje que se aplicará a la sección del contenedor o div.
El uso de contenedores es posible para crear cualquier diseño deseado.
Eche un vistazo a nuestros ejemplos para comprender cómo usar contenedores.
Los contenedores también tienen muchos componentes. Algunos de ellos solo usan CSS para formatearse, otros usan JavaScript para implementar acciones sobre sí mismas.
Los iconos utilizados en nuestros componentes se tomaron de la versión de escritorio Font Awesome y se incluyen para descargar.
Estos íconos se renombraron manualmente para que sus nombres comenzaran con "fa-" como una atribución a su propietario: Font Awesome.
Puede contribuir a los contenedores que crean temas increíbles y comprometiéndose con nuestro repositorio,
donando (Patreon) o con sugerencias.
=============================================================================================================================================================================================================. -Browsers compatibles (versión mínima) [Compatibilidad: 92.73% de los navegadores usados globales al 2020-06-02]: --------------------------------------------------- Navegador: versión: 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 --------------------------------------------------- - ¿Los navegadores compatibles? [Compatibilidad desconocida: 1.98% en 2020-06-02]: - UC Browser: 12.12: Android -no es compatible con los navegadores [no compatibles: 2.70% al 2020-06-02]: - ES DECIR - ópera mini - QQ Nota: La versión mínima se tomó de https://caniuse.com Buscando características de CSS que usamos. =============================================================================================================================================================================================================.
