L'intégration de simple_form avec bootstrap 3

J'ai mis à jour bootstrap à la version 3. Tout fonctionne bien sauf les formes qui sont générés par simple_form gem. Je ne sais pas comment pourrais-je intégrer ces deux ensemble. Je ne trouve pas utile dans le github de dépôt de projet. Si quelqu'un a une solution pour moi ?

OriginalL'auteur Amir Hoseinian | 2013-09-21

  1. 14

    Il y a un blog ici http://stabco.tumblr.com/post/59760641051/simple-form-bootstrap3-integration qui ressemble à une bonne solution. Il met à jour l'initialiseur fonction de bootstrap 3.

    OriginalL'auteur Edward

  2. 11

    Ce gist a été très utile pour moi:

    https://gist.github.com/tokenvolt/6599141

    Merci!

    OriginalL'auteur codenoob

  3. 3

    Forme Simple 3.1.0.rc1 vient de sortir qui devrait résoudre vos problèmes d'intégration.
    Voir le billet de blog à ce sujet sur http://blog.plataformatec.com.br/2014/04/bootstrap-3-support-for-simple-form/, ou tout simplement voir la dernière Forme Simple pour Bootstrap ici: http://simple-form-bootstrap.plataformatec.com.br/.

    Donc, si vous mettez à jour votre formulaire simple pour cette version, vous devriez être bon.

    OriginalL'auteur Fritzz

  4. 1

    Vous devez créer un fichier d'amorce spécifique simple_form paramètre en créant un initialiseur dans config/initializers et de les remplir avec le contenu ci-dessous.

    # Use this setup block to configure all options available in SimpleForm.
SimpleForm.setup do |config|
config.wrappers :bootstrap, tag: 'div', class: 'control-group', error_class: 'error' do |b|
b.use :html5
b.use :placeholder
b.use :label
b.wrapper tag: 'div', class: 'controls' do |ba|
ba.use :input
ba.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
ba.use :hint,  wrap_with: { tag: 'p', class: 'help-block' }
end
end
config.wrappers :prepend, tag: 'div', class: "control-group", error_class: 'error' do |b|
b.use :html5
b.use :placeholder
b.use :label
b.wrapper tag: 'div', class: 'controls' do |input|
input.wrapper tag: 'div', class: 'input-prepend' do |prepend|
prepend.use :input
end
input.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
input.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
end
end
config.wrappers :append, tag: 'div', class: "control-group", error_class: 'error' do |b|
b.use :html5
b.use :placeholder
b.use :label
b.wrapper tag: 'div', class: 'controls' do |input|
input.wrapper tag: 'div', class: 'input-append' do |append|
append.use :input
end
input.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
input.use :error, wrap_with: { tag: 'span', class: 'help-inline' }
end
end
# Wrappers for forms and inputs using the Twitter Bootstrap toolkit.
# Check the Bootstrap docs (http://twitter.github.com/bootstrap)
# to learn about the different styles for forms and inputs,
# buttons and other elements.
config.default_wrapper = :bootstrap
end
    C'est bootstrap 2

    OriginalL'auteur Boti

  5. 0

    Bonne nouvelle: en avril 2014, Bootstrap 3, l'intégration est plus entièrement pris en charge, avec des wrappers fourni dans une nouvelle version.

    Nous avons publié de Forme Simple 3.1.0.rc1 avec le soutien de Bootstrap 3.
    Pour rendre cela possible, nous avons nivelé le Wrapper de l'API pour le rendre plus extensible
    et pour permettre aux développeurs de configurer directement au lieu de compter sur l'état global.
    Après ces améliorations, il est très facile de changer la Forme Simple de la configuration de
    travailler avec Bootstrap 3.

    Vous pouvez le voir les nouvelles fonctionnalités dans l'action, à travers un exemple d'application ici: http://simple-form-bootstrap.plataformatec.com.br/

    OriginalL'auteur Dan Bartlett