0

我在 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>
4

1 回答 1

1

这就是问题所在：在元素内部放置一个div内部会p隐式关闭p标准确认浏览器中的标记。（参考）

You can see (and modify locally, if you wish) the behavior of Simple Form's Bootstrap generators in this file on Github.

于 2012-11-12T21:25:29.820 回答