javascript - 在哪里可以找到或覆盖 _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;
}

将覆盖 Bootstrap 生成的类以在顶部有 10 个像素的填充。