2017-09-05 1 views
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&mdash;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> 

답변

2

source code, 관련 옵션 item_wrapper_classitem_wrapper_label이 래퍼 설정에 전달되어야 함을 발견했습니다.