Bootstrap表单样式不适用

Question

我正在构建一个rails应用程序中构建一个simple_form。我安装了bootstrap-sass gem，它正在运行。我试图在我的表单中添加引导样式。我以前做过这个，所以我有点困惑为什么这不起作用。我做错了什么吗？ Bootstrap正在调整我的整体div大小，但没有应用表单的样式。帮助将不胜感激。

<%= simple_form_for @album do |f| %>
<div class="form-group">
 <%= f.input :title, class: 'form-control' %>
</div>
<div class="form-group">
<%= f.input :artist, class: 'form-control' %>
</div>
<div class="form-group">
  <%= f.input :year, class: 'form-control'  %>
</div>
<%= f.file_field :cover %> 
 <br />
 <%= f.button :submit %>
<% end %>

Answer 1

您应该尝试检查浏览器中的元素进行调试：右键单击元素并选择＆＃34; Inspect element＆＃34;。

此处的问题是您的form-control类未应用于输入。要实现这一点，你必须改变

<%= f.input :title, class: 'form-control' %>

到

<%= f.input :title, input_html: { class: 'form-control' } %>

请阅读simple_form文档，了解如何使用它。