In Rails 3, usando Formtastic 2, come posso sostituire la lista ordinata con i div?

Question

Nella mia applicazione Rails 3 sto usando Twitter Bootstrap come frame work per lo sviluppo di un sistema di gestione del progetto interno. Sto usando Formtastic per aiutarmi con i moduli poiché risparmia un sacco di tempo e codice. Il mio problema è ottenere il codice di Formtastic per generare i moduli in un modo che corrisponda alle convenzioni di Bootstrap. Ho letto alcuni elementi che ho trovato su Google, suggerendo che dovrei usare Patch Patch Formtastic, ma non sono riuscito a farlo correttamente.

Come posso personalizzare l'output di Formtastic in modo da utilizzare le div attorno a ciascun campo in modo da poter utilizzare Bootstrap con esso?

Grazie per la ricerca.

Answer 1

È possibile utilizzare la gemma formtastic-bootstrap. Dovresti riuscire a rilasciare questo e genererà HTML che funzionerà naturalmente con Twitter Bootstrap.

Answer 2

Bene, oggi ho provato a forare il formtastic rendendolo compatibile con il bootstrap ... Il markup è incredibilmente strettamente connesso al codice, quindi ho rinunciato e sono passato a simple_form. Funziona bene con il consiglio in Rails: Using simple_form and integrating Twitter Bootstrap

Answer 3

Se si utilizzano i file SCSS da uno dei progetti scss-twitter-bootstrap, è possibile semplicemente commentare o rimuovere l'inclusione per la parte relativa ai moduli del CSS.

Basta copiarli per app/fogli di stile (Rails 3.0) o app/Attività/fogli di stile e come commento:

// @import "forms.scss"; 

Non dimenticare di aggiungere il Formtastic CSS nel:

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