Comment utiliser bootstrap
BOOTSTRAP
Sommaire .. 1
Bootstrap .. 4
Prérequis . 6
Les framework CSS 6
Utilisation .. 6
Avantages .. 6
Inconvénients . 6
Adapter Bootstrap : LESS 6
Ressources 7
CDN : késako ? .. 8
CDN du fichier css : bootsrapcdn 8
CDN des fichier js : google et bootsrapcdn 8
Exemple 8
Utilité : alternative au CDN .. 9
Download Bootstrap 9
Contenu du téléchargement 9
Contenu du dossier dist 9
Download de plugin jQuery .. 10
Installation du répertoire bootstrap à la racine 10
Regarder le code des classes bootstrap 10
Edition : novembre 2016
• Framework CSS, stylé et responsive.
• Créé par les développeurs de Twitter
• Basé sur HTML 5 et CSS3.
• Embarque des plugins JQuery de qualité
• Comporte un système de grille simple et efficace pour mettre en ordre l'aspect visuel d'une page web
• Apporte du style pour les boutons, les formulaires, la navigation…
• Propose des templates de mises en page
• Permet de concevoir un site web rapidement et avec peu de lignes de code ajoutées.
Télécharger Bootstrap :
Les plugins JQuery ne sont pas installés en standard dans bootstrap. Ils se récupèrent ici :
. Installer les plugins dans le dossier js.
Installer le dossier bootstrap avec ses 3 dossiers css, fonts et js à la racine du site.
Pour utiliser bootstrap dans un fichier HTML :
Ø Dans le head, on linke un fichier .css
Ø Dans le body, on linke 2 fichiers .js (bootstrap utilise jquery)