Quoi de mieux pour utiliser comme bibliothèque SASS mixin: Bootstrap ou Bourbon?

Question

Je cherche quoi utiliser comme bibliothèque Sass mixin: Bootstrap ou plutôt Bourbon. J'ai trouvé que Bootstrap ressemble plus à des frameworks d'interface utilisateur et que vous obtenez des composants et des modules prêts à l'emploi. Et Bourbon est en fait la bibliothèque Sass qui vous donne un ensemble d'outils pour écrire SCSS afin que vous puissiez créer facilement vos propres composants et modules.

Je me demande dans quelle mesure Bootstrap peut-il être utilisé comme bibliothèque de mixin?

J'ai essayé d'écrire du code pour les boutons sur mon site avec les mixins Bootstrap, et j'ai dû changer presque chaque mixin pour les boutons pour obtenir mon apparence de boutons. Et j'ai dû supprimer beaucoup de code prédéfini.

Dans Bourbon j'ai utilisé quelques mixins généraux et j'en ai écrit de nouveaux.

Je suppose que dans Bootstrap il y aura beaucoup de suppression et de redéfinition.

Quelqu'un peut-il me donner des avantages et des inconvénients de leur expérience?

Answer 1

Je ne peux pas parler pour Bootstrap4, mais bootstrap-sass de Bootstrap3 ne semble pas être intégré avec des mixins en tête. Un groupe est utilisé dans les modules eux-mêmes et peut éventuellement être utile lors de la définition des styles, mais ils ne sont en aucun cas le flux de travail prévu. L'affaire semble être la même avec la source d'origine LESS.

Vous pouvez découper des blocs dont vous n'avez pas besoin, mais par rapport à la politique d'installation zéro de Bourbon, il est préférable de surcharger quelques propriétés avec une minuscule feuille de style chargée après un bootstrap minifié de cdn. Vous pouvez certainement l'optimiser dans une certaine mesure, mais ce ne sera pas joli. Par exemple, configurer correctement les variables pour styler une barre de navigation et importer les parties pertinentes du bootstrap ainsi que leurs dépendances vous mettra à ~ 35k non compressé. Ou vous pouvez remplacer uniquement les pièces dont vous avez besoin pour 2-3K et laisser votre utilisateur final manger le bootstrap complet 110k minifié à partir d'un réseau de diffusion de contenu. Ils auront déjà mis en cache, parce qu'il est si populaire, est l'argument conventionnel.

Ce balisage de style hotlinking et approprié aux styles au lieu de l'inverse a raised some criticism, mais apparemment c'est la façon dont bootstrap est conçu pour être utilisé. Dans l'ensemble, si vous êtes déjà à l'aise avec Bourbon, vérifier Bootstrap3 pourrait être intéressant de relever quelques astuces, mais ce n'est certainement pas une bibliothèque mixin.