HTML導航菜單背景顏色

我正在編輯Bootstrap模板，我正在嘗試更改頂部導航菜單的顏色。HTML導航菜單背景顏色

我這裏有此部分代碼：

<!-- Navigation --> 
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> 
    <div class="container"> 

    <a class="navbar-brand" href="#"><img src="https://home.channeliser.com/Content/WebContent/images/logo1.png" alt="Channeliser" height="40" width="100"></a> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> 
     <span class="navbar-toggler-icon"></span> 
    </button> 
    <div class="collapse navbar-collapse" id="navbarResponsive"> 
     <ul class="navbar-nav ml-auto"> 
     <li class="nav-item"> 
      <a class="nav-link" href="#">About us</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link" href="#">How it works</a> 
     </li> 
     <li class="nav-item"> 
      <a class="nav-link" href="#">Services</a> 
     </li> 
     </ul> 
    </div> 
    </div> 
</nav>

我試圖在CSS文件中使用navbarr類名來改變背景，但沒有奏效。任何幫助都會受到歡迎。

來源

2017-09-01 Herschel Lieberman

如果您使用的是現代瀏覽器，則應該能夠右鍵單擊「nav.navbar」，選擇Inspect Element或其等價物，然後從開發人員工具確定哪個CSS屬性指定背景顏色。我希望它使用'！重要'或者可能是一個更嚴格的條件。 –

.navbar { 
    background-color: red; 
}

沒有看到頁面的所有CSS，它是不可能知道這是否會工作，但沒有任何其他CSS應該做的工作。

來源

2017-09-01 16:40:18 McHat

我試過了，不起作用 –

然後我需要更多的信息來幫助你。請包含您網頁的其餘代碼。 – McHat

因爲我的回答是錯誤的。我試過這個傢伙的方法，它工作正常。 – Jorden1337

其對我的工作引導4

與刪除解決的BG-光類，並添加你自己的類

例

代碼：

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top"> 

</nav>

變化：

<nav class="navbar navbar-expand-lg navbar-light your-bg-navbar fixed-top"> 
    //navbar item 
</nav>

刪除BG-光和添加自己的CSS

添加CSS：

.your-bg-navbar { 
    background-color: rgba(35,35,35,0); 
}

RGBA是TRANSPARANT顏色可以改變固體

背景色：紅色或#rgbcolor

希望這個工作，你爲你。

來源

2017-09-01 17:06:01

這是因爲.bg-light有一個!important這樣一個背景顏色將覆蓋任何嘗試，除非你還使用!important：

.navbar { 
background: red !important; 
}

來源

2017-09-01 17:20:46 James

從經驗，引導CSS將所有需要優於你自定義的CSS，除了你的加入！在財產結束時的重要標籤。所以回答你的問題是

.navbar { 
background-color: red !important; 
}

另外，您可以添加自定義的CSS文件更換BG-光類你自己的自定義類。

來源

2017-09-01 17:58:44 ExtremeCode

HTML導航菜單背景顏色

回答

相關問題