1

Rails 3.2、simple_formを使用しており、これがデフォルトのブートストラップジェネレーターです。

レイアウトでBootstrapの「追加および追加」フォーム要素の1つを使用したいと思います。単純なフォーム入力を変更して必要なコードを生成するにはどうすればよいですか？

使用したコード：
<%= 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」スパンに注意してください。

4

1 に答える 1

8

ラッパーを追加する必要があります。

事前追加の場合、コードは次のようになります。

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

詳細については、bootstrap で simple_form を使用するこのライブの例を確認してください。コードはこちらにあります。

それが役立つことを願っています。

于 2012-11-12T07:06:53.553 に答える