html - 修复导航栏折叠位置和宽度调整颜色

Question

我的小提琴中的代码：

https://jsfiddle.net/zo8md2rq/

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

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

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

我想完成：

• 导航栏崩溃后立即更改css

• 如果可能，不要使用“最小宽度”

标签： htmlcsstwitter-bootstrap

Answer 1

首先，您的 CSS 中有一个错字，在第 25 行应该是rgba，而不是rgb。

然后，如果我正确理解了您的请求，您所要做的就是为您的按钮添加float-sm-right类，如下所示：navbar-toggler

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