具有简单形式的 Rails 4 - CSS 问题答案

【问题标题】：Rails 4 with Simple Form - CSS problems具有简单形式的 Rails 4 - CSS 问题
【发布时间】：2014-09-20 13:12:36
【问题描述】：

我有一个带有简单表单和引导程序的 rails 4 应用程序。

我有这个输入：

       <%= f.label  'Does this project require ethics approval?',   :class => 'subquestion' %>

我已经定义了一个 css 子问题字段：

.subquestion {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  color: #7491A3;
  padding-bottom: 15px;
  margin-top: 40px;
}

当我检查元素时，我的 CSS 样式的前三个属性被删除了。谷歌检查器显示应用的最接近的 CSS 样式称为字符串可选控制标签子问题。我不知道那个类是在哪里定义的。

有人知道如何在 rails bootstrap 中将 css 应用于简单的表单吗？

谢谢

【问题讨论】：

【解决方案1】：

要么重新组织在 Sass 中加载 css 的顺序，要么将 !important 附加到被划掉的样式中。从长远来看，前者是更好的选择。

确保在其余 css 之前加载 Bootstrap

如：

/*
*= require bootstrap.min.css
*= require_self
*= require_tree .
*/

另一个选项是 SASS 导入规则

【讨论】：