Twitter引導程序“線索”不適用於simple_form

Question

我在Rails中使用Twitter Bootstrap和simple_form。 由於某種原因，我無法使Bootstrap class =“ lead”起作用。 我在呈現的HTML中看到一些其他類，這些類假定來自simple_form。 我怎樣才能使兩者一起玩？

這是我的代碼：

<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>

編輯我嘗試了各種選項，包括使用呈現的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>

Answer 1

問題是：在確認標准的瀏覽器中，將div放在p元素內隱式關閉p標簽。 （ 參考 ）

您可以在Github上的該文件中看到（如果需要，可以在本地修改）Simple Form的Bootstrap生成器的行為。