간단한 형태의 부트 스트랩 수평 및 인라인

Question

나는 simple_form + bootstrap을 사용하고 있지만, 일부 양식은 인라인으로, 다른 양식은 같은 양식으로 만들 수 있는지 알고 싶었습니다.

두 개 이상의 열로 양식을 만들 수도 있습니다.

래퍼를 통해 또는 다른 양식 작성기 또는 스타일을 통해이를 달성 할 수있는 방법이 있습니까?

감사합니다.

Answer 1

해결책은 부트 스트랩에서 제공하는 'row'및 'span'클래스를 사용하여 간단한 양식으로 제공된 'wrapper_html'을 사용하여 다양한 필드에 삽입하는 것입니다.

예 : http://twitter.github.com/bootstrap/scaffolding.html

을 또는 부트 스트랩과 간단한 양식 통합의 몇 가지 예 체크 아웃 :

.container 
    ... 
    = simple_form_for(@stuff, :html => { :class => 'form-horizontal' }) do |f| 
     = f.error_notification 

     .form-inputs.row 
     = f.input :name, :wrapper_html => { :class => 'span6' } 
     = f.input :contact_name, :wrapper_html => { :class => 'span6' } 

     .form-inputs.row 
     = f.input :contact_email, :wrapper_html => { :class => 'span6' } 
     = f.input :contact_phone, :as => :string, :wrapper_html => { :class => 'span6' } 

당신은 부트 스트랩 그리드 시스템에 대한 문서에서 읽을 수 http://simple-form-bootstrap.plataformatec.com.br/articles/new

희망을 그게 도움이!

Answer 2

양식 요소의 스타일을 수정하여 원하는대로 필드를 정렬 할 수 있습니다. 2 열 레이아웃의 Google 검색 결과 중 하나를 참조하십시오. 예를 들어, - this

Answer 3

또한 (나를 위해 일한) 래퍼에 필드를 추가 할 수 있습니다 :

.container 
    ... 
    = simple_form_for(@stuff, :html => { :class => 'form-horizontal' }) do |f| 
     = f.error_notification 

     = f.input :postal_code, :label => 'Postal code, house number', :wrapper => :append do 
     = f.input_field :postal_code 
     = f.input_field :street_number