首页 >web前端 >Bootstrap教程 > 正文

bootstrap如何更改nav颜色

原创2020-11-30 17:13:2201205

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

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:Bootstrap
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • 后盾网BootStrap视频教程后盾网BootStrap视频教程
  • Bootstrap响应式网页布局篇Bootstrap响应式网页布局篇
  • bootstrap3系列(英文)+Twitter Bootstrap101系列bootstrap3系列(英文)+Twitter Bootstrap101系列
  • 兄弟连张诚UI教程Bootstrap视频教程兄弟连张诚UI教程Bootstrap视频教程
  • 视频教程分类