本文摘自PHP中文网,作者藏色散人,侵删。
bootstrap更改nav颜色的方法:首先引用“bootstrap.css”文件;然后修改文件中的“.navbar-default”的颜色值即可。
推荐:《bootstrap视频教程》
本教程操作环境:windows10系统、bootstrap3.0版,该方法适用于所有品牌电脑。
Bootstrap修改导航条颜色的方法
原理是修改bootstrap.css 或者 bootstrap.min.css 中关于.navbar-default的颜色值,如果修改的是bootstrap.css中的.navbar-default,要引用bootstrap.css文件。
比如:<link href="<%=path %>/css/bootstrap.min.css" rel="stylesheet"> 其中path为WebContent路径,用<%String path = request.getContextPath();%>获取。
然后修改导航条中引用的css样式:<nav class="navbar-default navbar-fixed-top">
有个工具网站,专门用来生成特点颜色的导航条
http://work.smarchal.com/twbscolor/css/e74c3cc0392becf0f1ffbbbc0
以上就是bootstrap如何更改nav颜色的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《bootstrap》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者