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

前端之家收集整理的这篇文章主要介绍了html – 更改twitter bootstrap 3.0导航栏类背景颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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文件中的一些样式.

猜你在找的HTML相关文章