containers
Containers
Les conteneurs ont deux parties:
La structure HTML est:
<div class = "conteneur">
<div class = "header"> </ div>
<div class = "Left"> </div>
<div class = "middle"> </div>
<div class = "droite"> </div>
<div class = "footer"> </div>
</div>
Et le CSS devrait être téléchargé à partir d'ici.
Chaque section de conteneur peut contenir un autre conteneur ou n'importe quelle balise, formulaire ou composant HTML.
Vous devez éviter de mettre des composants à l'intérieur du conteneur mais hors d'une section de conteneur.
La taille par défaut de chaque section de conteneur est:
- En-tête: largeur: 100%, hauteur: 10% - Gauche: largeur: 10%, hauteur: 80% - Middle: Largeur: 80%, hauteur: 80% - Droite: Largeur: 10%, hauteur: 80% - pied de page: largeur: 100%, hauteur: 10%
Utilisez nos classes pour modifier ces tailles par défaut ou même faire en sorte qu'une section ne soit pas affichée.
Pour ne pas afficher aucune section, utilisez l'une de ces classes: aucun , W00 , H00 .
Pour définir une autre largeur, utilisez ces classes: W05 , W10 , W15 , W20 , W25 , W30 , W35 , W40 , W45 , W50 , W55 , W60 , W65 , W70 , W75 , W80 , W85 , W90 , W95 , W100 .
Pour définir une autre hauteur, utilisez ces classes: H05 , H10 , H15 , H20 , H25 , H30 , H35 , H40 , H45 , H50 , H55 , H60 , H65 , H70 , H75 , H80 , H85 , H90 , H95 , H100 .
Le nombre en classe est le pourcentage qui sera appliqué à la section de conteneur ou à la div.
L'utilisation de conteneurs est possible pour créer toute mise en page souhaitée.
Jetez un œil à nos exemples pour comprendre comment utiliser les conteneurs.
Les conteneurs ont également de nombreux composants à utiliser. Certains d'entre eux n'utilisent que CSS pour être formaté, d'autres utilisent JavaScript pour implémenter des actions sur eux-mêmes.
Les icônes utilisées dans nos composants ont été tirées de la version de bureau impressionnante de Font et sont incluses pour télécharger.
Ces icônes ont été renommées manuellement pour avoir leurs noms en commençant par "fa-" comme attribution à leur propriétaire: Font génial.
Vous pouvez contribuer à des conteneurs créant des thèmes incroyables et engagez-vous vers notre référentiel,
don (Patreon) ou avec des suggestions.
=======================================================================================================. - Browsers pris en charge (version minimale) [Compatibilité: 92,73% des navigateurs mondiaux utilisés au 2020-06-02]: --------------------------------------------------- Navigateur: Version: plate-forme --------------------------------------------------- - Chrome: 49: PC / Mac - Chrome: 81: Android - Edge: 16: PC - Firefox: 34: PC / Mac - Firefox: 68: Android - Opéra: 36: PC / Mac - Opera: 46: iOS, Android (Opera Mobile) - Safari: 13.1: Mac - Safari: 13.4: iOS - Samsung: 11.1: Android --------------------------------------------------- - Browsers pris en charge? [Compatibilité inconnue: 1,98% au 2020-06-02]: - Navigateur UC: 12.12: Android - Browsers non pris en charge [non compatible: 2,70% au 2020-06-02]: - c'est-à-dire - Opera Mini - QQ Remarque: la version minimale a été prise à partir de https://caniuse.com À la recherche de fonctionnalités CSS que nous utilisons. =======================================================================================================.
