Изменение цвета фона начальной загрузки navbar свернуть без задержки

Изменение цвета фона начальной загрузки navbar свернуть без задержки

20.10.2019 02:55:12 Просмотров 58 Источник

Я пытаюсь перезаписать цвет фона свернутой строки меню, что я успешно сделал. Однако проблема заключается в том, что цвет применяется только тогда, когда свернутое меню полностью открыто. Я пытаюсь сделать это с помощью Bootstrap-Vue в проект Nuxt. Изменение стиля navbar было сделано с использованием файла css в папке assets, который я не уверен, что это правильный способ сделать.

Как сделать так, чтобы цвет фона отображался, когда выпадающий список анимируется вниз? спасибо.

Я сделал копию моего кода проекта на JSFiddle ( https://jsfiddle.net/tandeman/ae2s9104/37/) для вас, чтобы посмотреть. Весь код, необходимый для изменения фона был

.navbar-nav .dropdown-menu {
  background-color: #7E6551;
  border-radius: 10px;
} 
У вопроса есть решение - Посмотреть?

Ответы - Изменение цвета фона начальной загрузки navbar свернуть без задержки / Change background color of bootstrap navbar collapse without a delay

Является ответом!
sthotakura

20.10.2019 06:03:38

Вам нужно добавить стиль для .navbar-collapse.collapsingдля применения цвета фона при развертывании или сворачивании меню.

Для вас это будет выглядеть так:

.navbar-collapse.collapsing {
  background-color: #7E6551;
  border-radius: 10px;
}

Полный JSFiddle здесь .

https://stackoverflow.com/questions/58468977/change-background-color-of-bootstrap-navbar-collapse-without-a-delay/58469712#comment103275260_58469712
Гений! Огромное спасибо!. эта работа. :)
Помочь в развитии проекта:
Закрыть X