Sommaire

Créer un site avec un thème CRÉER DES SITES:Utiliser un thème BOOTSTRAP:Utiliser un thème

1. Le site Bootswatch

Nous l’avons évoqué en début de chapitre, les thèmes Bootstrap permettent de surcharger les styles CSS standard de Bootstrap pour modifier l’apparence des éléments utilisés (bouton, formulaire, titre, image...).

Sur le site Bootswatch, nous nous intéresserons au thème nommé Flatly.

Allez sur le site de Bootswatch : http://bootswatch.com

images/C15-018.png

Dans la barre de navigation, cliquez sur le lien Themes et choisissez Flatly.

Vous visualisez alors le thème Flatly avec l’utilisation des principaux éléments et composants de Bootstrap : barre de navigation, boutons, typographie, tableaux...

images/C15-019.png

2. Installation du thème

Pour installer le thème, vous devez télécharger ses feuilles de style.

Dans la barre de navigation, cliquez sur le menu Download.

images/C15-059.png

Choisissez bootstrap.min.css pour télécharger le fichier minifié de la feuille de style.

Votre navigateur affiche le fichier de la feuille de style.

Dans votre navigateur, enregistrez le fichier au format brut.

Si vous avez des problèmes avec cette manipulation, vous pouvez parfaitement sélectionner tout le contenu, le copier et le coller dans votre éditeur de code favori.

Dans les deux cas, vous obtenez un fichier nommé bootstrap.min.css.

Dans le dossier de votre site Web, placez ce fichier ...