编辑bootstrap css类
jfa*_*son 0 css ruby-on-rails twitter-bootstrap
之前有一些关于这个话题的问题,但我有点迷失了,我希望有人以不同的方式向我解释这个问题.
上下文:我在我的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编辑 在twitter bootstrap中编辑导航栏文本颜色,但我没有运气.
你永远不应该直接编辑bootstrap css文件.
对于您需要更新的内容,如上所述使用bootstrap_and_overrides.css或custom.css文件来覆盖原始类和div.
找到类在css文件中的位置的最佳方法是,如果您使用的是firefox,请单击:
检查元素,在右侧,您将看到保存此类的.css文件的名称.
但是当你有类名时,你可以用你的规则覆盖这个类.不要忘记包含您的custom.css文件.
如果您仍然无法找到特定类隐藏的位置,您可以使用firebug来跟踪加载的文件,如下所示:
对于每个文件,您都有源,您可以在其中查看路径并查找元素.