Rails Bootstrap 中简单表单上的 CSS 样式答案

【问题标题】：CSS styling on Simple Form in Rails BootstrapRails Bootstrap 中简单表单上的 CSS 样式
【发布时间】：2014-08-26 22:27:15
【问题描述】：

有谁知道如何使用 Rails Bootstrap (SCSS) 将 CSS 样式添加到标签上？

我的表格中有这一行。我找不到设置标签样式的方法。

我有一个定义为“问题项目”的 css div 类，但我找不到让表单获取它的方法。

    <%= f.input :project_title, label: 'Project Title', placeholder: 'A catchy, relevant title for your project', :input_html => {:style=> 'width: 650px', class: 'response-project'} %>

如果我在整个周围放置一个 div 标签，那么它会覆盖字段内的样式。

谢谢

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap simple-form

【解决方案1】：

经过一天的搜索，我找到了答案。我希望这对不了解如何直观地使用这些工具的其他人有所帮助。

<%= f.input :project_title, label: 'Project Title', :label_html => { :class => 'question-project' }, placeholder: 'A catchy, relevant title for your project', :input_html => {:style=> 'width: 650px', class: 'response-project'} %>

^ 你可以在上面看到有一个 :label_html 字段和一个 :input_html 字段。

【讨论】：