Boussole vs Twitter Bootstrap

Question

Je vais commencer un nouveau rails web app et après des jours de recherche sur des frameworks css, a décidé d'aller à la Boussole et 960.gs/Plan. Mais maintenant, Twitter vient de sortir avec Bootstrap et je dois dire que c'est vraiment sympa.

Je sais que la Boussole est côté serveur compilé tout Bootstrap (qui s'appuie sur less.js), tout est géré sur le côté client et il exige aussi JS...Mais ce web app ne l'est pas?

Ce que j'aime à propos de "Bootstrap" est tout prêt à aller à des fonctionnalités comme le haut fixe de la valeur liquidative et le tri des tables et le style. Est-il possible d'obtenir les mêmes via la Boussole?

Answer 1

Boussole et Bootstrap ne sont pas le même genre de chose. La boussole est une feuille de style cadre construit sur le haut de la SASS.

Alors, qu'est-SASS?

SASS est un "préprocesseur CSS" comme MOINS. À la fois d'étendre le langage CSS pour plus de souplesse et de le rendre vraiment puissant.

Bootstrap

Bootstrap est un (disons) "stylesheet " échafaudage" il a une grille (similaire à [960.gs]), certains d'échafaudage de styles et un couple de belles widgets. Il a des similitudes au Plan , parce que ce dernier dispose également d'une grille, d'échafaudage de styles, etc. La bonne chose à propos de Bootstrap est qu'il a un couple de belles widgets, comme le Topmenu de Navigation, des boîtes de dialogue modales, etc. (ceux qui nécessitent un peu de JavaScript qui dépend de jQuery ou Ender Ender la suppression dans la v2) et est construit sur le haut de MOINS de. C'est un gros plus pour l'Amorçage sur Plan. Je vais arrêter de mentionner 960.gs que c'est seulement une grille, pas tellement utile pour moi.

Quel est donc ce truc?

Bootstrap = Plan (grilles, échafaudage styles)

SASS = MOINS (les préprocesseurs CSS)

Boussole != Bootstrap

Boussole Cadre

Le seul cadre de mon point de vue est Boussole parce que c'est vraiment suggère un cadre de travail, il est livré avec le Plan de la grille et de la-belle, elle a un beau paquet de mixin déjà pour vous, CSS3, typographie, etc, etc. Voulez rayon des frontières? Droite: .my-button { @include border-radius; } Quoi? Arrière-plan en dégradé? Ok: .my-button { @include linear-gradient(color-stops(white, black)); }. Quoi? Voulons que tout cela cross-browser? Oui, tout cela est cross-browser.

Le Plan d'action système de grille est inclus en tant que plugin dans la Boussole et, comme @corrodés dit, il y a un plugin Bootstrap pour Boussole ainsi qu'il est de 960.gs plugin pour Boussole.

Conclusion

Je dirais aller et essayer plusieurs d'entre eux et voir ce qui fonctionne le mieux pour vous. Je suis actuellement en train de travailler avec Boussole avec le Plan. La boussole est un excellent cadrage et est livré avec elle (et c'est le système de grille que j'utilisais avant de la Boussole). J'aime ces outils de trop.

Mise à jour: je suis en train de travailler sur un projet avec Bootstrap et MOINS et ça fonctionne vraiment bien! De mon point de vue, le SASS est plus puissant que MOINS, mais de moins en MOINS a less.js un script qui analyse votre Moins les feuilles de style sur l'aller, sur le navigateur, il suffit de modifier et d'actualiser. Lorsque vous avez terminé votre développement, de compiler les feuilles de style CSS. Pas de compilateur de course sur console. D'autre part, je m'ennuie de Boussole " puissant livré mixin, je code tout maintenant. La prochaine chose que je vais essayer est le Bootstrap plugin pour Boussole, semble être une très puissante combinaison! Aussi, Live Reload, CodeKit, Scout et (pour les amateurs de la console chez nous) Grunt faire de la compilation à la volée possible pour less, SASS/Compass (et plus).

Mise à jour: Ici est une comparaison de Sass et Moins de code.

Mise à jour: Excellent article à propos de SASS contre MOINS de la comparaison. Devriez vérifier.

Answer 2

Pour obtenir le meilleur des deux mondes, utiliser le plugin twitter de boussole bootstrap :

https://github.com/vwall/Compass-Twitter-bootstrap

Modifier SASS semble officiellement supporter cela trop :

http://thesassway.com/projects/Sass-Twitter-bootstrap

comme l’a commenté par Jo Liss

Answer 3

Je voudrais regarder Twitter-Bootstrap sur IE 6, 7, 8 et 9 tout d’abord avant de l’utiliser. On dirait qu’il a quelques problèmes de compatibilité.

Answer 4

Il n’y a bootstrap d’un port de Twitter à SASS en sass-twitter-bootstrap

Answer 5

J’ai vérifié dans IE9 et tout semble encore bonne.

Ma seule préoccupation est la quantité de balisage nécessaire pour les champs de formulaire.

C’est beaucoup de balisage pour un champ.

Autre que cela, je l’aime vraiment. C’est génial d’avoir un framework CSS avec grille et typographie, mais aussi de bonnes formes cherche, boutons et tables. Je pense que je vais certainement l’utiliser pour mon prochain projet.