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

Posted 2023-03-06

【中文标题】在哪里可以找到或覆盖 _navbar.scss？

【英文标题】：Where to find or override _navbar.scss?

【发布时间】：2018-10-08 13:11:27

【问题描述】：

我在这里使用这个模板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 和我自己的类，但它不起作用。如果有人能指出正确的位置以及您是如何找到它的，我将不胜感激。谢谢！

【参考方案1】：

您可以通过仅在您的 css 文件中引用一个类名来覆盖 _navbar.scss。例如：

.navbar-brand 
  padding-top: 10px;

将覆盖引导生成的类，使其顶部有 10 像素的填充。

【参考方案2】：

主题的文档应该可以帮助您： https://github.com/BlackrockDigital/startbootstrap-resume

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

【讨论】：

_nabar.scss 在任何地方都不存在。我应该创建它然后运行 ​​gulp 吗？

按照文档中的入门说明，它应该被创建。