在 bootstrap-vuejs 中将背景颜色更改为导航栏

Question

根据文档，导航栏的样式可以设置如下：

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

不管怎样，只要改变type和variant道具。然而，我想设置一个自定义背景颜色，如#AABB55. 我找不到一种简单的方法来做到这一点。

此外，当您看到文档和源代码时，您没有太多选择。

有没有办法在不需要触摸<b-navbar>代码的情况下更改此属性？

Answer 1

该死。我完成了这个问题，然后我就解决了。

所以，假设我在模板中

<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它由于某种原因不起作用。