Question

我想我错过了它。 The example application的simple_form-bootstrap从未展示过如何使用input-append。我尝试了其他几种方法，但他们没有工作。

<div class="controls">
 <div class="input-append">
  <input type="text" size="16" id="appendedInput" class="span2">
   <span class="add-on">.00</span>
 </div>
   <span class="help-inline">Here's more help text</span>
</div>

我需要这个，所以Bootstrap使用的错误消息显示出来，我能够以某种方式设计我的表单。如何在horizontal form上使用add-on和help-inline？

提前致谢！

Answer 1

好的，简单的表单引导程序确实支持它。我应该像append那样关注prepend。例如：

<%= simple_form_for(@article, :html => { :class => 'form-horizontal' }) do |f| %>
  <%= f.input :name, :wrapper => :append, :class => "inline" do %>
   <%= f.input_field :name %>
    <%= content_tag :span, "?", :class => "add-on abbn" %>
   <% end %>
   <div class="form-actions">
    <%= f.button :submit, :class => 'btn-primary' %>
   </div>
<% end %>

如何使用Simple Form Bootstrap gem的input-append类？

1 个答案: