html - 固定导航栏折叠定位和宽度调整颜色

Question

我的 fiddle 里的代码:

https://jsfiddle.net/zo8md2rq/

我有一个可折叠的导航栏，我的代码显示在我的 fiddle 中。

我试图在我的导航宽度调整上更改 css，将我的颜色从橙色变为白色并将我的可折叠物放在右边，但我的 CSS 现在都没有

@media (min-width: 768px) {
  .nav-color {
    color: white !important;
    float: right;
  }
}

我想完成:

• 导航栏也折叠后立即更改 css

• 尽可能不使用“最小宽度”

Answer 1

首先，您的 CSS 中有一个拼写错误，在第 25 行应该是 rgba , 不是 rgb .

然后，如果我理解正确你的要求，你所要做的就是添加float-sm-right给你上课 navbar-toggler按钮，像这样:

<button class="navbar-toggler float-sm-right" ...