In Rails 3, usando Formtastic 2, come posso sostituire l'elenco ordinato incorporato con Div?

Question

Nella mia applicazione Rails 3 che sto usando Bootstrap Twitter come una cornice per lo sviluppo di un sistema di gestione dei progetti in casa. Sto usando Formtastic per aiutarmi con le forme poiché risparmia molto tempo e codice. Il mio problema è quello di ottenere il codice formtastic per produrre i moduli in un modo che corrisponde alle convenzioni di Bootstrap. Ho letto alcuni elementi che ho trovato su Google suggerendo che dovrei scimmia patch formtastic, ma non sono stato in grado di farlo con successo.

Come posso personalizzare l'output di Formtastic per utilizzare Div intorno a ciascun campo in modo da poter usare Bootstrap con esso?

Grazie per aver guardato.

Answer 1

Puoi usare il formtastic-bootstrap gemma. Dovresti essere in grado di lasciarlo cadere e genererà HTML che funzionerà naturalmente con Twitter Bootstrap.

Answer 2

Bene, oggi ho provato a biformare formtastic e a renderlo compatibile con Bootstrap ... Il markup è incredibilmente strettamente accoppiato al codice, quindi ho rinunciato e sono passato a Simple_Form. Funziona bene con il consiglio in Rails: utilizzando Simple_Form e integrazione di Twitter Bootstrap

Answer 3

Se si utilizzano i file SCSS da uno dei SCSS-TWITTER-Bootstrap Progetti, puoi semplicemente commentare o rimuovere l'inclusione per la parte dei moduli del CSS.

Basta copiarli su app/Stylesheets (Rails 3.0) o app/Asset/Stylesheets e commenta:

// @import "forms.scss";

Non dimenticare di aggiungere il CSS Formtastic in:

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