在HTML中:
<div class="navbar navbar-default">
Run Code Online (Sandbox Code Playgroud)
在variable.less文件中:
@navbar-default-bg: #f8f8f8;
Run Code Online (Sandbox Code Playgroud)
将此十六进制颜色更改为其他颜色(即蓝色)后,您会注意到只有底边颜色变为蓝色.因为类导航栏也有背景,它会阻止@ navbar-default-bg颜色.
样品:
1.in html:
<div class="navbar navbar-default">
Run Code Online (Sandbox Code Playgroud)
在variable.less:
@ navbar-default-bg:blue;
输出:
2.in html:
<div class="navbar navbar-default">
Run Code Online (Sandbox Code Playgroud)
在variable.less:
@ navbar-default-bg:blue;
在custom.css中:
.navbar {background:blue}
输出:
我知道,如果我制作一个自定义的css文件,并将.navbar{background: blue}它改为我想要的导航栏颜色.
但我更喜欢编辑较少的文件.有没有办法做到这一点? 在您认为这是一个重复的问题之前,请先尝试一下!