如何更改simple_form以使用bootstrap prepended输入

Question

我使用Rails 3.2,simple_form和它的默认bootstrap生成器.

我想在我的布局中使用Bootstrap"附加和前置"表单元素之一.如何修改简单表单输入以生成所需的代码？

使用的代码:
<%= 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>

请注意"input-prepend"类更改和"add-on"范围.

Answer 1

您需要添加包装器.

对于预先附加,代码是这样的:

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

有关更多信息,请查看此实时使用带引导程序的simple_form的示例.你可以在这里找到代码.

希望它有所帮助.