0

Rails で simple_form と一緒に Twitter Bootstrap を使用しています。何らかの理由で Bootstrap class="lead" を機能させることができません。レンダリングされた HTML に、simple_form に由来すると思われるいくつかの追加クラスが表示されます。2人を一緒に遊ばせるにはどうしたらいいですか？

これは私のコードです：

<p class="lead">
  <%= sentence.input :dialog, :input_html => { :class => "span8" },
              :placeholder => "Enter your sentence here", :label => false %>              
</p>

そして、これはレンダリングされた HTML です:

<p class="lead">
  <div class="control-group string optional">
  <div class="controls"><input class="string optional span8" id="dialog_catagory_dialogs_attributes_0_dialog" name="dialog_catagory[dialogs_attributes][0][dialog]" placeholder="Enter your sentence here" size="50" type="text" />
 </div>
 </div>
</p>

EDIT このようにレンダリングされたHTMLを使用したり、divを削除したりするなど、さまざまなオプションを試しました。まだ動作していません。

<p class="lead">
  <input class="string optional span8" id="dialog_catagory_dialogs_attributes_0_dialog" name="dialog_catagory[dialogs_attributes][0][dialog]" placeholder="Enter your sentence here 2" size="50" type="text" />
</p>

出力

<p class="lead">
   <input id="dialog_catagory_dialogs_attributes_0_dialog" name="dialog_catagory[dialogs_attributes][0][dialog]" size="30" type="text" />
</p>
4

1 に答える 1

1

ここに問題があります。要素のdiv内部に a を配置すると、標準準拠のブラウザーでタグがp暗黙的に閉じられます。p（参考）

Githubのこのファイルで、Simple Form の Bootstrap ジェネレーターの動作を確認 (および必要に応じてローカルで変更) できます。

于 2012-11-12T21:25:29.820 に答える