在哪里查找或覆盖_navbar.scss?

时间:2018-04-27 16:25:30

标签: javascript html css twitter-bootstrap sass

我在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和我自己的课程,但它不起作用。如果有人能指出我到达正确的位置以及你是如何找到它的,我真的很感激。谢谢!

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

您可以通过仅引用CSS文件中的类名称来覆盖_navbar.scss。例如:

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

将覆盖引导程序生成的类,使其顶部具有10个像素的填充。