Installation de Bootstrap 3

Téléchargement de Bootstrap 3

Pour utiliser la bibliothèque Bootstrap dans votre projet, il existe plusieurs méthodes, chacune correspondant à un niveau d’expertise et des cas d’utilisation.
Pour faire simple, rendez-vous sur le site officiel à l’adresse suivante : http://getbootstrap.com/getting-started/#download. Cliquez sur le bouton Download Bootstrap. Une fois l’archive téléchargée et décompressée dans un dossier appelé Bootstrap3 par exemple, la structure de fichier ci-dessous apparait :

Le dossier Bootstrap3 (dans lequel vous avez décompressé le fichier téléchargé), contient trois dossiers: css, js et font où chacun d’eux contient un certain nombre de fichiers.

Contenu et role des fichiers de Bootstrap 3

Dossier Fichier Description
css bootstrap.css feuille de style de Bootstrap.
bootstrap.min.css version minimisée de la feuille de style bootstrap.css.
bootstrap-theme.css feuille de style additionnelle contenant des éléments provenant de Bootstrap 2.
bootstrap-theme.min.css version minimisée de la feuille de style bootstrap-theme.css.
js bootstrap.js fichier JavaScript de Bootstrap.
bootstrap.min.js version minimisée du fichier JavaScript bootstrap.js.
font glyphicons-halflings-regular.eot Fichiers de police contenant la bibliothèque d’icônes Glyphicon
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

Comme vous l’avez certainement remarqué, les fichiers css et js existent en deux exemplaires : les originaux et les minimisés.

Qu’est ce qu’un fichier css/js minimisé?

Un fichier css/js  minimisé est un fichier qui reprend le même contenu du fichier original en supprimant tous les sauts de ligne, commentaires et espaces inutiles.

Pour des raisons de performances, on opte souvent pour les fichiers minimisés dans les environnements de production et les fichiers originaux pendant la phase de  développement.

Avantages et inconvénients d’un fichier css/js minimisé:

Lorsqu’on utilise les fichiers minimisés dans nos projets, les pages web qui l’utilisent, bénéficient d’un temps de chargement beaucoup plus amélioré par rapport aux pages utilisant les fichiers originaux, cela est dû, à la taille des fichiers après leur minimisation (suppression de tous les sauts de ligne, commentaires et espaces inutiles).

Cependant, un fichier minimisé est difficile à lire et à modifier.

Installation de Bootstrap 3

Bootstrap utilise JQuery pour fonctionner, nous vous conseillons de télécharger la dernière version de JQuery en vous rendant sur le site officiel de cette bibliothèque: http://jquery.com/ . Copiez le fichier téléchargé dans le dossier js de Bootstrap.

Laisser un commentaire