Question

我是一个相对较新的引导程序，并尽我所能加快速度。我理解，不是编辑6700行的bootstrap.css文件，更有意义的是创建自己的更改css文件并将其放在主bootstrap.css文件下，覆盖主要文件中的内容。

但是，我遇到媒体查询问题。例如，我希望菜单以比bootstrap.css中指定的分辨率更大的分辨率折叠，其中包括以下内容：

@media (min-width: 767px) {
[ lots of things to collapse the menu ]
}

所以在我的更改css文件中，我复制了相同的代码，但是将最小宽度更改为992px。问题是这不会取消bootstrap.css文件中的指令。它只是以不同的分辨率再次完成它们。

我唯一能想到解决这个问题的方法是从原始文件中复制该代码，将最小宽度分辨率保留为767，然后对于每个指令通过整个代码块，确定默认属性应该是什么并将其重新设定。这将是大量工作，并且可能非常容易出错。

我唯一的解决方案是编辑主bootstrap.css文件并注释掉该代码。我不喜欢编辑它，但我没有看到任何其他方法。还有另一种方式吗？我不是在寻找专门用于折叠菜单的帮助。我更喜欢css概念帮助。

Answer 1

如果你真的想要覆盖Bootstrap样式，你还必须覆盖Bootstrap CSS文件指定的宽度在767px和992px之间。

scope :check_email, -> {
  if email is embedded
    association_has_email
  else
    description_has_email
  end
}