编辑引导 css 类

Question

之前有一些关于这个话题的问题，但我有点迷茫，我希望有人以不同的方式向我解释这个问题。

上下文：我在我的 Rails 应用程序中使用 twitter bootstrap（没有 Less，不熟悉 Less 或它是什么，但这是一个单独的问题）

我一直在自学 CSS，在我的 rails 应用程序中查看 application.html.erb 文件时，它会调用某些类，例如“nav-bar”和“container-fluid nav-collapse”。我正在尝试找到定义这些类的 css 文件（以便我可以自定义它们），但我找不到它。到目前为止，我已经尝试了 bootstrap_and_overrides.css 和 application.css.scss 文件，但找不到导航栏类。我也试过这些链接：Bootstrap CSS Editing Editing navbar text color in twitter bootstrap 但我没有运气。

Answer 1

您不应该直接编辑引导 css 文件。

对于您提到的任何需要更新的内容，请使用 bootstrap_and_overrides.css 或您的 custom.css 文件来覆盖原始类和 div。

找到类在 css 文件中的位置的最佳方法是，如果您使用的是 firefox，请单击：

Inspect Element 并在右侧看到保存此类的.css 文件的名称。

但是当你有类名时，你可以用你的规则覆盖这个类。不过不要忘记包含您的 custom.css 文件。

如果您仍然无法找到特定类的隐藏位置，您可以使用 firebug 跟踪加载了哪些文件，如下所示：

对于每个文件，您都有可以查看路径和查找元素的源。