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