43 votes

des alternatives à twitter bootstrap

J'ai juste commencé à essayer d'appliquer twitter bootstrap pour un site existant, et je trouve que la plupart de l' span éléments ne rentre pas vraiment le modèle que je suis en train de travailler avec.

Dans les premiers stades, je vois que ce que je veux vraiment, c'est un 1/2span, et 1,5 span régulièrement.

Mais je suppose que je pourrais juste mettre à jour bootstrap pour inclure ces valeurs, je me demandais si il y a quelque chose qui a de plus petits éléments de travailler avec.

Je suis concentré sur les tablettes, donc en regardant la prestation de l'un de 1024 vue et 768 vue.

mes recherches sur google pour des solutions de rechange à twitter bootstrap n'a pas renvoyé de grande valeur.

Comme un exemple de l'un des défis que je me pose, j'ai un calendrier hebdomadaire qui est centré, donc j'ai pensé chaque jour aurait deux travées, mais bien sûr, c'est une largeur de span14, qui n'existe pas. Si j'utilise span1, qui est seulement une petite partie de la page. Comment font les gens qui traitent de ce dans les grilles?

29voto

What Points 2108

Il y a plusieurs options pour les grilles CSS:

J'ai utilisé à la fois le Plan et la 960.gs, et les deux sont assez utiles. Cependant, ils comportent tous deux une CSS reset, qui réinitialise complètement chaque élément sur une page (si vous avez besoin pour le style de titres, des listes, des paragraphes, etc) - il n'y a pas de choix par défaut de la boîte (au moins pas quand je les ai utilisés).

Il y a d'autres frameworks CSS qui peuvent être utilisés comme solutions de rechange à la méthode Bootstrap (et pas seulement une grille):

  • Zurb Foundation - complet alternative, qui comprend beaucoup de modèles
  • Squelette - un minimum d'option
  • Initialzr - comprend une base responsive template par défaut, mais peut aussi s'intégrer avec Bootstrap (le site est principalement pour l'intégration de HTML5 Boilerplate avec Bootstrap)
  • Plat UI Kit basé sur Bootstrap, mais beaucoup de l'interface de styles et de couleurs dans le 'plat' conception (c'est à dire pas de dégradés!).
  • Gumby - grille souple, utilise Sass par défaut
  • Inuits - Basé sur Sass et utilise OOCSS

27voto

hutch Points 1723

Je viens de trouver pure: http://purecss.io/

Super léger, très lisse, et pas le même ancien "bootstrap" look and feel. Si vous n'avez pas besoin de JS ajouts de bootstrap je le recommande fortement.

21voto

periklis Points 4978

Je vous conseille de vous en tenir avec bootstrap. Vous pouvez très facilement personnaliser les propriétés de la grille de l'amorçage, à condition que vous modifiez respectifs .moins de fichiers. Par exemple, vous pouvez donner des 24 colonnes de la grille au lieu de 12 et vous aurez ce dont vous avez besoin. Voir http://twitter.github.com/bootstrap/scaffolding.html#grid-system en vertu de la "Grille de personnalisation".

13voto

pradeep Points 151

Zurb Foundation est une bonne alternative.

5voto

Farhan Ahmad Points 2845

Comme les architectes dit, je m'en tiendrais à Bootstrap. Il peut être fortement modifiés pour répondre à vos besoins. Plat UI est un très bon thème qui est basé sur Twitter Bootstrap avec quelques modifications. Va juste pour montrer combien la flexibilité que vous avez lors de la modification de bootstrap à vos besoins.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X