您的位置:首页 > 技术中心 > 前端框架 >

bootstrap如何更改nav颜色

时间:2022-02-11 17:33

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颜色的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游