bootstrap ROYAUME DU MAROC ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? o ?ce de la formation professionnelle et de la promotion du travail ISMONTIC TANGER MODULE Développer des sites Web statiques DÉVELOPPER DES SITES WEB STATIQUES - CIntroduction Bootstrap est un
ROYAUME DU MAROC ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? o ?ce de la formation professionnelle et de la promotion du travail ISMONTIC TANGER MODULE Développer des sites Web statiques DÉVELOPPER DES SITES WEB STATIQUES - CIntroduction Bootstrap est un framework CSS Un framework correspond à un ensemble de librairies regroupées dans un but précis et possédant des règles internes que doivent suivre les utilisateurs En d ? autres termes et pour le dire très simplement Bootstrap est un ensemble de ?chiers CSS et JavaScript fonctionnant ensemble et qu ? on va pouvoir l ? utiliser pour créer des design complexes de manière relativement simple Le framework Bootstrap est donc un ensemble de ?chiers CSS et JavaScript qui contiennent des règles prédé ?nies Ces ensembles de règles sont enfermés dans des classes et nous n ? aurons donc qu ? à utiliser les classes qui nous intéressent a ?n d ? appliquer un ensemble de styles à tel ou tel élément HTML CAvantages Bootstrap possède trois grands avantages notables par rapport aux autres solutions à notre portée qui se limitent concrètement à écrire tout son code soi-même ou à avoir recours à un autre framework ou librairie CSS Ces avantages sont Un gain de temps de développement qui peut être conséquent Une certaine robustesse dans l ? architecture globale du code Un framework appartenant à une grande société Twitter CIntégration de Bootstrap Bootstrap est un framework c ? est-à-dire un ensemble de ?chiers Pour utiliser Bootstrap nous allons donc simplement devoir utiliser ces ?chiers On va pouvoir faire cela de deux façons On peut Télécharger les ?chiers Bootstrap CSS et JavaScript sur le site https getbootstrap com puis les lier à nos ?chiers HTML comme n ? importe quel autre ?chier CSS et JavaScript Utiliser un CDN Content Delivery Network ou réseau de distribution de contenu et inclure le lien vers les ?chiers dans nos ?chiers HTML CSystème de grilles de Bootstrap Bootstrap utilise un système de grille ? à colonnes de base reposant sur le modèle des boites exibles exbox comme système de disposition principal Pour utiliser ce système de grilles Bootstrap nous allons avant tout devoir dé ?nir un élément conteneur dans notre page HTML auquel on passera un attribut class container ou class container- uid CSystème de grilles de Bootstrap La classe container va permettre de dé ?nir un conteneur adaptable ou responsive ? de taille ?xe ce qui signi ?e que notre conteneur aura toujours la même taille pour un breakpoint donné et changera de taille à chaque breakpoint La largeur d ? un conteneur dé ?ni avec container va être la suivante entre chaque breakpoint CSystème de grilles de Bootstrap La classe container- uid permet de dé ?nir un conteneur de taille uide c ? est-à-dire un conteneur dont la taille va changer en même temps que celle de la fenêtre de vos visiteurs Un conteneur dé ?ni avec container- uid occupera toujours de la
Documents similaires










-
32
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Aucune attribution requise- Détails
- Publié le Sep 19, 2022
- Catégorie Heavy Engineering/...
- Langue French
- Taille du fichier 80.9kB