Bootstrap personnalisé et layout

L’une des premières choses à faire lors du développement d’une application Meteor c’est de créer le layout de base. Pour cela, il est nécessaire d’installer les technologies qui seront utilisées du côté front-end comme Bootstrap :


meteor add less 
meteor add huttonr:bootstrap3
 

La bibliothèque huttonr:bootstrap3 permet d’installer un Bootstrap facilement personnalisable dans un projet Meteor.

Raphaël crée ensuite le fichier qui va contenir la configuration de Bootstrap client/stylesheets/bootstrap-settings.json. Le fichier doit être vide pour être ensuite rempli par la bibliothèque huttonr:bootstrap3. Pour remplir ce fichier avec les éléments de configuration par défaut, il doit ensuite utiliser la commande permettant de lancer le serveur de développement :


meteor run
 

Lorsque la commande a correctement été exécutée, le fichier client/stylesheets/bootstrap-settings.json est rempli avec un certain nombre d’éléments de configuration. Pour personnaliser les couleurs par défaut de Bootstrap, Raphaël doit modifier le fichier en définissant l’élément customVariables à true :


"customVariables": true,
 

Si le serveur de développement n’est plus lancé, il est nécessaire de le relancer de façon à ce que le fichier...

Pour consulter la suite, découvrez le livre suivant :
couv_EPMETION.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Création du projet
Suivant
Page d'accueil