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

Question

我在这里使用这个模板https://startbootstrap.com/template-overviews/resume/。我想更改导航链接的悬停/活动效果，但我不知道如何覆盖它或从哪里渲染或控制它。 Google inspect leads me to _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 将 SCSS 连接并转换为 CSS。