Note that there are some explanatory texts on larger screens.

plurals
  1. PORails 4 form builder with comprehensive support for Twitter Bootstrap 3
    primarykey
    data
    text
    <p>Is there any Rails 4 compatible form builder gem(s) that provide comprehensive support for Twitter Bootstrap 3.0.0 forms?</p> <p>Here's a benchmark for what I'd consider 'comprehensive' support:</p> <ul> <li>Support for all 3 layouts (basic, horizontal, inline)</li> <li>Support for basic input types (input, textarea, select, etc.)</li> <li>Support for both stacked &amp; inline checkboxes/radio buttons</li> <li>Support for all input states (focus, disabled, validation)</li> <li>Support for help text/error messaging</li> <li>Support for input-append/prepend (now referred to as input-group in TWBS3).</li> <li>Support for dealing with Rails' specific form 'elements' e.g. date_select (inline select boxes)</li> </ul> <p>See the TWBS3 <a href="http://getbootstrap.com/css/#forms">docs</a> and <a href="https://github.com/twbs/bootstrap/pull/6342">WIP github issue</a> for details on TWBS3 forms. </p> <p>I've had a look at both <a href="https://github.com/plataformatec/simple_form">simple_form</a> and <a href="https://github.com/plataformatec/simple_form">twitter_bootstrap_form_for</a> and whilst both are making progress neither appear to offer a sufficient solution at the moment.</p> <p><strong>Simple form</strong></p> <p>Appears to have a solution for the basic layout, however from what I can see horizontal forms are not currently possible due to the additional grid markup required by TWBS3. </p> <p><a href="https://github.com/plataformatec/simple_form/pull/864">https://github.com/plataformatec/simple_form/pull/864</a> <a href="https://github.com/plataformatec/simple_form/issues/857">https://github.com/plataformatec/simple_form/issues/857</a></p> <p><strong>Twitter bootstrap form for</strong></p> <p>This pull request looks promising, but I can see some inaccuracies in the markup and classes being used. </p> <p><a href="https://github.com/stouset/twitter_bootstrap_form_for/pull/84">https://github.com/stouset/twitter_bootstrap_form_for/pull/84</a></p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload