2011-09-07 23 views
7

在我的Rails 3應用程序中,我使用Twitter Bootstrap作爲開發內部項目管理系統的框架工作。我使用Formtastic來幫助我使用表格,因爲它節省了大量的時間和代碼。我的問題是讓Formtastic代碼以與Bootstrap約定相對應的方式輸出表單。我已經閱讀了我在Google上發現的一些建議我應該修補Formtastic的項目,但是我無法成功完成此項任務。在Rails 3中,使用Formtastic 2,我該如何使用div來替換內置的有序列表?

如何自定義Formtastic的輸出以在每個字段周圍使用div,以便我可以使用Bootstrap?

謝謝你的期待。

回答

6

您可以使用formtastic-bootstrap寶石。你應該可以放下它,它會生成HTML,這與Twitter Bootstrap自然結合。

7

那麼,今天我試着分叉formtastic,並使其與bootstrap兼容...標記與代碼非常緊密地耦合,所以我放棄了並轉而使用simple_form。在Rails: Using simple_form and integrating Twitter Bootstrap

+0

我不會回答這個問題,因爲這並沒有真正回答它,但我會對它進行+1並可能最終走上這條路線。 – jklina

0

中如果您使用scss-twitter-bootstrap項目之一的SCSS文件,可以簡單地註釋掉或刪除CSS的表單部分的包含。

只需在將它們複製到應用程序/樣式(Rails的3.0)或應用程序/資產/樣式表和註釋:

// @import "forms.scss"; 

不要忘記添加formtastic CSS回:

<%= stylesheet_link_tag 'formtastic', 'formtastic_changes' %> 
相關問題