在bootstrap-vuejs中將背景顏色更改為navbar

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 ，則由於某種原因它不起作用。