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检查此live example。您可以找到代码here。

希望有所帮助。

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

1 个答案: