如何更改simple_form以使用引導前置輸入

Question

我使用Rails 3.2，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「輸入前置」類更改和「附加」跨度。

Answer 1

您需要添加一個包裝。

對於預追加的代碼是這樣的：

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

更多信息，請查看本live example使用simple_form與引導的。你可以找到代碼here。

希望它有幫助。