2012-11-12 2 views
1

레일즈 3.2, simple_form을 사용하고 있으며 기본 부트 스트랩 생성기입니다.bootstrap prepended 입력을 사용하기 위해 simple_form을 변경하는 방법

내 레이아웃에 부트 스트랩의 "추가 및 추가 된"양식 요소 중 하나를 사용하고 싶습니다. 간단한 양식 입력을 수정하여 필요한 코드를 생성하려면 어떻게합니까?
<%= f.input :price, :label => 'Price:' %>

생성 된 코드 :

<div class="control-group string optional"> 
    <label class="string optional" for="price">Price:</label> 
    <div class="controls"> 
     <input class="string optional" id="price" type="text"> 
    </div> 
</div> 

원하는 코드 :

<div class="control-group string optional"> 
    <label class="string optional control-label" for="price">Price:</label> 
    <div class="input-prepend"> 
     <span class="add-on">$</span> 
     <input class="string optional" id="price" type="text"> 
    </div> 
</div> 

참고 일

코드 사용 e "input-prepend"클래스 변경과 "add-on"span.

답변

8

래퍼를 추가해야합니다.

<%= f.input :price, :wrapper => :prepend, :label => false do %> 
    <%= content_tag :span, "$", :class => "add-on" %> 
    <%= f.input_field :price %> 
    <% end %> 

자세한 내용은 부트 스트랩과 simple_form를 사용하여이 live example 확인 : 코드를 사전에 추가를 들어

이 같은 것입니다. 코드 here을 찾을 수 있습니다.

희망이 있습니다.

+0

감사합니다. 정확히 내가 무엇을 찾고 있었는지. – sevens

+1

'config/initializers/simple_form_bootstrap.rb'을 수정하고'input-preend'와'input-append'를'input-group'으로 변경하여 작동하게해야했습니다. – guyaloni

+1

제 해결책은 부트 스트랩 2를 고려해야합니다. 부트 스트랩 3을 지원해야한다면 simple_form 이니셜 라이저를 @guyaloni로 수정해야합니다 –

관련 문제