Bootstrap 4 пользовательская форма с простой формой

Question

Bootstrap 4 представляет custom forms для настройки флажков и переключателей. Вот способ создания следующих шаблонов с помощью Simple Form?

Checkbox:

<label class="c-input c-checkbox"> 
    <input type="checkbox"> 
    <span class="c-indicator"></span> 
    Check this custom checkbox 
</label> 

Радио:

<label class="c-input c-radio"> 
    <input id="radio1" name="radio" type="radio"> 
    <span class="c-indicator"></span> 
    Toggle this custom radio 
</label> 
<label class="c-input c-radio"> 
    <input id="radio2" name="radio" type="radio"> 
    <span class="c-indicator"></span> 
    Or toggle this other custom radio 
</label> 

Спасибо!

Answer 1

Просто замените input с form элемент:

<%= simple_form_for :foo do |f| %> 

    <label class="c-input c-checkbox"> 
    <%= f.check_box :bar %> 

    <span class="c-indicator"></span> 
    Check this custom checkbox 
    </label> 

<% end %> 

, который будет генерировать:

<label class="c-input c-checkbox"> 
    <input name="foo[bar]" type="hidden" value="0"> 
    <input type="checkbox" value="1" name="foo[bar]" id="foo_bar"> 
    <span class="c-indicator"></span> 
    Check this custom checkbox 
</label> 

Проверить на bootply.

То же самое касается второго примера, просто замените элементы элементами формы RoR.