這篇文章給大家分享的是有關bootstrap更改導航欄顏色的方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯建站基于成都重慶香港及美國等地區(qū)分布式IDC機房數據中心構建的電信大帶寬，聯通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)綿陽服務器托管報價，主機托管價格性價比高，為金融證券行業(yè)服務器托管，ai人工智能服務器托管提供bgp線路100M獨享，G口帶寬及機柜租用的專業(yè)成都idc公司。

bootstrap更改導航欄顏色的方法：1、改變導航背景顏色，設置為黑色，給nav標簽設置背景顏色為黑色；2、改變導航選中欄目顏色，改變類名active為newactive，并設置其背景顏色為紅色。

bootstrap更改導航欄顏色的方法：

1、bootstrap做的導航欄HTML頁必須加載bootstrap.min.css、bootstrap.min.js才能實現導航的效果。下圖是完整的代碼及效果圖。

2、改變導航背景顏色，設置為黑色。給nav標簽設置背景顏色為黑色，代碼為background:#000。下面是代碼及效果圖。

3、改變導航選中欄目顏色，如“首頁”設置為背景為紅色。改變類名active為newactive，并設置其背景顏色為紅色。

4、改變“菜單”下的二級欄目，鼠標放上去的顏色。設置類名為dropdown-menu下的a標簽hover屬性，設置放上去的顏色為黑色。

5、改變點擊“菜單”，彈出二級欄目時的顏色。CSS代碼是.navbar-default .navbar-nav>.open>a:focus {color: black;background-color: red;}，即設置這個類下面a標簽focus屬性的顏色。

6、改變導航欄默認文字的顏色。設置類名navbar-default下面a標簽的文字顏色為白色，代碼是.navbar-default .navbar-nav>li>a {color: #fff;}。

感謝各位的閱讀！關于“bootstrap更改導航欄顏色的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

本文名稱：bootstrap更改導航欄顏色的方法-創(chuàng)新互聯
鏈接分享：http://aaarwkj.com/article32/gedpc.html

成都網站建設公司_創(chuàng)新互聯，為您提供外貿建站、標簽優(yōu)化、網站內鏈、定制網站、商城網站、建站公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯