在哪里可以找到或覆盖_navbar.scss

Question

我正在使用此模板https://startbootstrap.com/template-overviews/resume/。我想更改导航链接的悬停/主动效应，但是我无法弄清楚如何覆盖它或从何处或从何处呈现或控制它。Google Inspect将我带到_navbar.scss，它显示了悬停/焦点由

控制

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover

我已经尝试在许多地方更改和覆盖CSS，并且我尝试制作自己的_navbar.css和我自己的课程，但它不起作用。如果有人可以将我指向正确的位置以及您如何找到它，我将非常感谢。谢谢！

Answer 1

您只需在CSS文件中引用类名来覆盖_navbar.scss即可。例如：

.navbar-brand {
  padding-top: 10px;
}

将覆盖引导产生的类，在顶部具有10像素的填充。

Answer 2

主题的文档应为您提供帮助：https://github.com/blackrockdigital/startbootstrap-resume

对_navbar.scss进行更改，然后运行gulp sass进行连接并将您的SCS转换为CSS。