Исправление положения коллапса навигационной панели и настройки цвета по ширине

Question

Код здесь в моей скрипке:

https://jsfiddle.net/zo8md2rq/

У меня есть складная панель навигации с моим кодом, показанным намоя скрипка.

Я попытался изменить css на моем навигационном устройстве при настройке ширины, изменив мой цвет с оранжевого на белый и поместив мой складной объект вправо, но мой CSS теперь не выполняет ни

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

Я хотел бы выполнить:

• Изменить css, как только навигационная панель тоже рухнет

• Не использовать "min-width«если возможно

Answer 1

Во-первых, в вашем CSS есть опечатка, в строке 25 она должна быть rgba, а не rgb.

Затем, если я правильно понимаю ваш запрос, все, что вам нужно сделать, это добавитьfloat-sm-right класс для вашей кнопки navbar-toggler, например:

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