当前位置 : 主页 > 手机开发 > 其它 >

bootstrap如何更改nav颜色

来源:互联网 收集:自由互联 发布时间:2021-08-11
bootstrap更改nav颜色的方法:首先引用“bootstrap.css”文件;然后修改文件中的“.navbar-default”的颜色值即可。 推荐:《bootstrap视频教程》 本教程操作环境:windows10系统、bootstrap3.0版,该

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颜色的详细内容,更多请关注自由互联其它相关文章!

网友评论