2012-12-19 2 views
0

Bootstrap 체크 박스를 사용하고 싶습니다.부트 스트랩 체크 박스를 사용하고 싶습니다.

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <button type="button" class="btn btn-primary">Left</button> 
    <button type="button" class="btn btn-primary">Middle</button> 
    <button type="button" class="btn btn-primary">Right</button> 
</div> 

Rails 응용 프로그램에 어떻게 통합합니까?

형식으로 사용하고 싶습니다. 특히 선택한 데이터를 보내고 잡을 수 있습니까?

UPDATE는 :

나는 레일에서 체크 박스를 사용하는 방법을 알고있다. 나는 어떻게 할 수 있을지 모르겠다. set their style via bootstrap.

체크 박스이다 - <input type="checkbox">Simple</input>

부트 스트랩 선택란 <button type="button" class="btn btn-primary">Bootstrap</button>

UPDATE 2있다 : 예로서

, 라디오 버튼에 대해 my question 참조.

+0

체크 아웃 코드 예제, 당신은 할 수 내가 원하는 스타일링을 달성하기 위해 보여준대로 수업을 포함했습니다. – rudolph9

답변

1

bootstrap-rails을 사용하여 CSS 및 자바 스크립트 라이브러리를 응용 프로그램에 부트 스트랩에 통합하는 것이 좋습니다. 레일스 부트 스트랩에는 여러 가지 맛이 있지만, SASS로 작성 되었기 때문에 개인적으로 이것을 사용합니다 (레일스에서 ​​일반적으로 덜 사용됨).

세 가지 옵션이있는 것으로 보이고 하나만 선택해야하며 (내가 select 태그를 사용하는 것이 좋습니다) 체크 박스가 아닌 버튼을 사용하고있는 것으로 보입니다. 당신이 응용 프로그램에 체크 박스를 통합 할 뿐이다 .. 참 레일 방법을 제공합니다, 다음과 같이 form_for의 예는 다음과 같습니다

- form_for @something_with_a_postion do |something|  
    = something.label 'Left' 
    = something.check_box 'position', 'left', {class: 'whatever_classes_for_bootstrap_needed'} 
    = something.label 'Middle' 
    = something.check_box 'position', 'middle', {class: 'whatever_classes_for_bootstrap_needed'} 
    = something.label 'Right' 
    = something.check_box 'position', 'right', {class: 'whatever_classes_for_bootstrap_needed'} 

당신은 form_forcheck_boxhere에 대한보다 자세한 내용을보실 수 있습니다.

나는 또한 this question을 참조한다. 또한 here은 체크 박스와 관련된 RailsCast입니다. 이 같은 항목을 삭제할 수 있습니다 예를 들어

4

:

<p>Delete item <%= asset.check_box :_destroy %></p> 

아니면 모델 확인란에 부울 속성이있는 경우 예를 들어, simple_form 보석을 사용하는 경우도 쉽게는 기본입니다

이 같은
<%= f.input :agreement %> 

아니면 강제로 체크 박스 :

<%= f.foobar, :as => :check_boxes %> 
관련 문제