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标记。（Reference）

您可以在this file on Github中看到（并在本地修改，如果您愿意）Simple Form的Bootstrap生成器的行为。

Twitter bootstrap“lead”无法使用simple_form

1 个答案: