Je suis juste de commencer avec Bootstrap de Twitter et me demande ce que les "meilleures pratiques" est pour la personnalisation. Je veux développer un système qui permettra de profiter de toute la puissance d'un modèle css (Bootstrap ou autres), soit complètement (et facilement) modifiable, être durable (c'est à dire – quand la prochaine version de Bootstrap est libéré de Twitter je n'ai pas à recommencer.
Par exemple, je veux ajouter des images d'arrière-plan de la barre de navigation supérieure. Il ressemble à il y a 3 façons d'aller à ce sujet:
- Modifier la .topbar classes dans le bootstrap.css . Je n'aime pas particulièrement parce que je vais avoir beaucoup de .topbar articles et je n'ai pas forcément envie de modifier tous de la même façon.
- Créer de nouvelles classes avec mes images de fond et appliquer les deux styles (le nouveau et l'amorçage de mon élément). Cela peut créer des conflits de style, qui pourrait être évité par le décapage de la .topbar classe dans des classes séparées, puis en utilisant uniquement les pièces qui ne sont pas piétinés par ma classe personnalisée. De nouveau, ce qui nécessite plus de travail que je pense, devrait être nécessaire et, tandis qu'il est flexible, il ne me permet pas de mettre à jour facilement bootstrap.css quand Twitter libère le prochain épisode.
- Utiliser des variables dans .MOINS pour réaliser la personnalisation. Désinvolte, cela semble être une bonne approche, mais de ne pas l'avoir utilisé .MOINS j'ai des inquiétudes sur la compilation de css sur le client et sur le code de la durabilité.
Si je suis en utilisant Bootstrap, cette question peut être généralisée à tout modèle css.
Merci d'avance pour l'entrée.
