在HTML中:
在variable.less文件中:
@navbar-default-bg: #f8f8f8;
将此十六进制颜色更改为其他颜色(即蓝色)后,您会注意到只有底边颜色变为蓝色.因为类导航栏也有背景,它会阻止@ navbar-default-bg颜色.
样品:
1.in html:
在variable.less:
@ navbar-default-bg:blue;
输出:
2.in html:
在variable.less:
@ navbar-default-bg:blue;
在custom.css中:
.navbar {background:blue}
输出:
我知道如果我制作一个自定义的css文件并放入.navbar {background:blue},它会将导航栏颜色更改为我想要的颜色.
但我更喜欢编辑较少的文件.有没有办法做到这一点?
在您认为这是一个重复的问题之前,请先尝试一下!
最佳答案
尝试从项目中
删除默认的bootstrap-theme.css和bootstrap-theme.min.css
文件,因为我认为它们会覆盖主bootstrap.css
文件中的一些样式.