Dans Rails 3, en utilisant Formtastic 2, comment puis-je remplacer la construction dans la liste ordonnée avec div de?

Question

Dans mon Rails 3 application J'utilise Twitter Bootstrap comme cadre de travail pour l'élaboration d'un en système interne de gestion de projet. J'utilise Formtastic pour me aider avec des formes car il économiser beaucoup de temps et le code. Mon problème est d'obtenir le code Formtastic pour sortir les formes d'une manière qui correspondent aux conventions de Bootstrap. J'ai lu quelques articles que j'ai trouvé sur Google suggérant que je patch singe Formtastic, mais je ne l'ai pas été en mesure de le faire avec succès.

Comment puis-je personnaliser la sortie de Formtastic utiliser div autour de chaque champ afin que je puisse utiliser Bootstrap avec elle?

Merci pour la recherche.

Answer 1

Vous pouvez utiliser le formtastic-bootstrap petit bijou . Vous devriez être en mesure de laisser tomber ce et il va générer le code HTML qui fonctionnera naturellement avec Twitter Bootstrap.

Answer 2

Eh bien, aujourd'hui j'ai essayé bifurquer formtastic et de le rendre compatible avec bootstrap ... Le balisage est couplé incroyablement bien au code, donc j'ai abandonné et passé à la place simple_form. Fonctionne très bien avec les conseils en Rails: Utilisation simple_form et l'intégration de Twitter Bootstrap

Answer 3

Si vous utilisez les fichiers SCSS de l'un des SCSS-twitter -bootstrap projets, vous pouvez simplement commenter ou supprimer les inclure pour la fait partie du CSS.

Il suffit de les copier dans l'application / stylesheets (Rails 3.0) ou app / actifs / stylesheets et commentez:

// @import "forms.scss";

Ne pas oublier d'ajouter le dos formtastic CSS dans:

<%= stylesheet_link_tag 'formtastic', 'formtastic_changes' %>