0

Twitter Bootstrap と Simple_form で Rails 3 を使用すると、このフィールドの入力ボックスの長さを変更する際に問題が発生します。

<div class="input-prepend input-append">
   <%= f.input :price, :wrapper => :append do %>
      <span class="add-on">$</span>
      <%= f.input_field :price %>
      <span class="add-on">.00</span>
   <% end %>
</div>

:price 変数の後にこれを追加すると言う人もいます:

:input_html => {:size => 15}

「do」ループはルールを変更するようですが、何か提案はありますか?

4

3 に答える 3

2

試す

:style => "width: 100px;"
于 2012-08-17T05:31:32.503 に答える
1

Twitter ブートストラップには、このための css クラスがあります。input-min必要なサイズに応じて、クラス、input-smallなどinput-largeを追加できます。span1、span2などのスパン クラスを使用することもできます。

<div class="input-prepend input-append">
   <%= f.input :price, :wrapper => :append do %>
      <span class="add-on">$</span>
      <%= f.input_field :price, :class => 'input-medium' %>
      <span class="add-on">.00</span>
   <% end %>
</div>
于 2012-08-17T05:35:44.173 に答える
0

f.inputクラス属性またはスタイル属性を使用して（直接またはハッシュとして、私が試した方法で）フォーム内にラベルを持つコントロールを作成するためにフォームを使用し:class => 'form-horizontal'ていますが、私にとってはうまくいきませんでした。

これは私のために働いたものです：

<%= f.input :description, input_html: { class: 'span12' } %>

これは、Bootstrap 列レイアウト クラス ('span1'、'span2' など)、入力サイジング クラス ('input-large'、'input-xxlarge' など)、または任意のカスタム クラスの両方で機能します。コツはinput_html鍵を使うことです。キーを使用してラベルをいじることもできlabel_htmlますが、フォームの水平レイアウトが台無しになる可能性があります。

サイズキーが:input_html => {**:size** => 15}SimpleFormで無視されているようです...これに飽きたとき、HTML出力には影響しませんでした。

SimpleForm ドキュメントでこれを見つけました: https://github.com/plataformatec/simple_form#usage

于 2013-03-05T21:23:00.963 に答える