如何更改導航欄顏色？

Question

只是想學習 asp.net core mvc 並想知道我如何從默認的 _Layout 為導航欄提供自定義背景顏色。

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-dark border-bottom box-shadow mb-3">

Answer 1

navbar是引導程序風格的一部分。

你在這里幾乎沒有選擇。

1. 難點是定制 bootstrap 主題。
2. 如果僅這是您希望更改的內容，則簡單而快速的是覆蓋navbar 。
3. 而中間的一個是使用一個頁面來生成自己的Bootstrap導航欄下載並應用它

Answer 2

您可以嘗試更改布局中類navbar的顏色。您最好添加!important否則 css 可能會被其他 css 覆蓋。例如：

<style>
        .navbar {
            background-color: green !important;
        }
</style>

或者您可以創建一個新類並將該類添加到您想要的導航欄：

<nav class="customClass navbar navbar-expand-sm navbar-toggleable-sm navbar-dark bg-dark border-bottom box-shadow mb-3">
<style>
            .customClass {
                background-color: green !important;
            }
</style>