Изменить цвет фона на navbar в bootstrap-vuejs - PullRequest
Новая
       6

Изменить цвет фона на navbar в bootstrap-vuejs

0 голосов
/ 30 июня 2019

В соответствии с документацией стили для панели навигации можно установить следующим образом: 

<b-navbar toggleable="lg" type="dark" variant="info">
<!-- Or -->
<b-navbar toggleable="lg" type="dark" variant="dark">

В любом случае, просто изменив реквизиты type и variant.Однако я хочу установить собственный цвет фона, например #AABB55.Я не могу найти простой способ сделать это.

Кроме того, когда вы видите документацию и исходный код , у вас не так много вариантов.

Есть лиспособ изменить это свойство, не касаясь кода <b-navbar>?

1 Ответ

1 голос
/ 30 июня 2019

Черт. Я закончил вопрос и решил его сразу после.

Итак, допустим, что у меня внутри шаблона 

<b-navbar toggleable="lg" type="dark" variant="dark">
  <!-- more stuff -->
</b-navbar>

Тогда в стиле вы можете просто добавить: 

<style scoped>
 .navbar.navbar-dark.bg-dark{
    background-color: #AABB55!important;
 }
</style>

Примечание: без !important по какой-то причине не работает.

...