4

私はそれを見逃していると思います。simple_form-b​​ootstrapのサンプル アプリケーションでは、 の使用方法が示されませんでした。他の方法をいくつか試しましたが、うまくいきませんでした。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 で使用されるエラー メッセージが表示され、フォームを特定の方法で設計できるようにするためです。水平フォームadd-onでandhelp-inlineをどのように使用しますか?

前もって感謝します！

4

1 に答える 1

7

OK、単純な形式のブートストラップはそれをサポートしています。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 %>
于 2012-05-27T11:09:57.700 に答える