Question

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

我有这个输入：

       <%= 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样式称为字符串可选控件标签子问题。我不知道该课程的定义。

有没有人知道如何将css应用到rails bootstrap中的简单表单？

谢谢

Answer 1

要么重新组织css在Sass中加载的顺序，要么对要划掉的样式追加！important。前者是长期更好的选择。

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

如：

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

另一个选择是SASS导入规则