Question

$navbar-default-bg在任何地方使用过吗？我改变了它的价值，我看不到导航栏背景颜色的任何变化。

另外，我做了

$ grep -nr "navbar-default-bg" .
./sass/_bootstrap-variables.scss:342:$navbar-default-bg:                #ff0000;
./sass/_bootstrap-variables.scss:343:// $navbar-default-border:            darken($navbar-default-bg, 6.5%)
./sass/_bootstrap-variables.scss:350:// $navbar-default-link-active-bg:            darken($navbar-default-bg, 6.5%)

那么，这个变量在哪里使用？或者我该如何更改导航栏bg颜色？

我的文件结构是：

$ tree
.
├── config.rb
├── fonts
│   └── bootstrap
│       ├── glyphicons-halflings-regular.eot
│       ├── glyphicons-halflings-regular.svg
│       ├── glyphicons-halflings-regular.ttf
│       └── glyphicons-halflings-regular.woff
├── javascripts
│   ├── bootstrap
│   │   ├── affix.js
│   │   ├── alert.js
│   │   ├── button.js
│   │   ├── carousel.js
│   │   ├── collapse.js
│   │   ├── dropdown.js
│   │   ├── modal.js
│   │   ├── popover.js
│   │   ├── scrollspy.js
│   │   ├── tab.js
│   │   ├── tooltip.js
│   │   └── transition.js
│   ├── bootstrap.js
│   └── bootstrap-sprockets.js
├── sass
│   ├── _bootstrap-variables.scss
│   └── styles.scss
└── stylesheets
    └── styles.css

Answer 1

在纯引导程序中，navbar.less文件中使用这些变量（$ navbar-default-bg，$ navbar-default-border，$ navbar-default-link-active-bg）来设置默认导航栏的样式。

如果你在_bootstrap-variables.scss文件中更改它，那应该更新它，假设你在其他地方拉出其余的Bootstrap样式。

使用bootstrap sass变量更改navbar bg颜色

1 个答案: