Personnalisation de la grille par défaut de Bootstrap Twitter

J'essaie de changer le nombre de colonnes de la grille Bootstrap par défaut de 12 à 8. Selon le Bootstrap docs, cela implique de changer la variable @gridColumns puis de personnaliser les grilles dans responsive.less.Personnalisation de la grille par défaut de Bootstrap Twitter

J'ai essayé d'éditer les grilles dans responsive.less (et les fichiers qu'il importe), mais je ne peux pas le faire correctement. De quelles valeurs spécifiques ai-je besoin pour changer la grille de 12 colonnes à 8?

Source

2012-05-24 Joe Mornin

Avez-vous [recompilé le CSS ] (http://twitter.github.com/bootstrap/less.html#compiling) (ou utilisez-vous less.js pour compiler lors de l'exécution)? –

Oui. J'utilise lessc pour compiler le CSS. –

Ouvrez une visionneuse DOM et voyez quelles sont les largeurs de colonne. Assurez-vous qu'il utilise les bons fichiers. Si c'est le cas, assurez-vous également de modifier les gouttières de la colonne. – Terry

ouvrir variables.less il contient toutes les variables que vous devez changer près du fond:

@gridColumns:    16; 
@gridColumnWidth:   45px; 
@gridGutterWidth:   16px;

Assurez-vous que vous chargez moins et non pas le css

Source

2012-05-24 17:35:17

Il s'avère que c'était un problème de mise en cache du navigateur. L'édition des variables fonctionne. –

Personnalisation de la grille par défaut de Bootstrap Twitter

Répondre

Questions connexes