2
부트 스트랩 4의 누적 체크 박스/라디오와 일치하는 simple_form 래퍼를 만들려고합니다.부트 스트랩 4 체크 박스와 일치하는 사용자 정의 simple_form 래퍼
config.wrappers :vertical_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
b.use :html5
b.optional :readonly
b.use :label
b.use :input, class: "form-check-input"
b.use :error, wrap_with: { tag: 'div', class: 'invalid-feedback' }
b.use :hint, wrap_with: { tag: 'small', class: 'form-text text-muted' }
end
를 그리고 여기가 현재 출력 HTML 구조입니다 :
여기<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="">
Option one is this and that—be sure to include why it's great
</label>
</div>
<div class="form-check disabled">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" value="" disabled>
Option two is disabled
</label>
</div>
내 simple_form 래퍼가 현재 서 것 : 여기
내가 복제하고자하는 HTML 구조, Boostrap's docs의 예의입니다 :<span class="checkbox">
<label for="">
<input class="form-check-input check_boxes optional" type="checkbox" value="" name="" id="">
Text for checkbox goes here
</label>
</span>