Question

如何修改bootstrap 默认导航条样式

Answer 1

.icon-bar{border: 1px solid #fff;}
.navbar{background: #d9534f;}
.navbar .navbar-brand,.navbar .navbar-brand:hover{color: #fff;}
#navbar li a{color: #fff;}
#navbar li.active a{background:#fff;color: #d9534f;font-weight: bold}
#navbar li.dropdown .dropdown-toggle{background: #d9534f;}
#navbar li.dropdown .dropdown-menu{background: #d9534f;}
#navbar li.dropdown .dropdown-menu li a:hover{background: #900;}

你把这些放在一个css文件里，引入 到页面的<link rel="stylesheet" href="dist/css/bootstrap.min.css">
看一下效果，酌情修改看一下就明白了！