小编Hen*_*nry的帖子

更改twitter bootstrap 3.0导航栏类背景颜色

在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}它改为我想要的导航栏颜色.

但我更喜欢编辑较少的文件.有没有办法做到这一点? 在您认为这是一个重复的问题之前,请先尝试一下!

html css twitter-bootstrap twitter-bootstrap-3

5
推荐指数
1
解决办法
2万
查看次数