bootstrap如何更改導航欄顏色
bootstrap是一個前端開辟經常利用的HTML/CSS框架，可以快捷的做出各類結果，如彈窗、按鈕、導航欄等。下面介紹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;}。
- 發表于 2019-05-12 20:53
- 閱讀 ( 1512 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章