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

Question

我有一个具有简单表单和 Bootstrap 的 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 应用于简单表单？

谢谢

Answer 1

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

确保在其余的 css 之前加载 Bootstrap

如:

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

另一个选项是 SASS 导入规则

https://content.pivotal.io/blog/structure-your-sass-files-with-import