如何修改bootstrap标签式的导航菜单下的active的默认样式？bootstrap中导航菜单有个active，它的样式是固定的，我想修改应该怎么修改呢？
<!DOCTYPE html>
<html>
<head>
<title>基本的胶囊式导航菜单 Bootstrap 模板</title>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible"content="IE=edge">
<meta name="viewport"content="width=device-width, initial-scale=1.0">
<link href="../../bootstrap-3.3.6-dist/css/bootstrap.min.css"rel="stylesheet">
<script src="../../JQuery/jquery-1.12.4.js"></script>
<script type="text/javascript"src="js/vue.min.js"></script>
<style type="text/css">
.nav-tabs>li>a{
background-color: black;
color: white;
}
.nav-tabs>li>a:hover{color:brown;
background-color:yellow;
}
.active{color:green}
}
</style>
</head>
<body>
<div class="container">
<p>标签式的导航菜单</p>
<ul class="nav nav-tabs">
<li class="active"><a href="#">HomePackage</a></li>
<li><a href="#">TaoBao</a></li>
<li><a href="#">JingDong</a></li>
<li><a href="#">PDD</a></li>
<li><a  href="#">BaiDu</a></li>
<li><a href="#">360</a></li>
href标签怎么用
</ul>
</div>
</body>
</html>
图⽚效果如下：
就是想修改红圈内的默认字体颜⾊和背景颜⾊，但⽤后⾯那些已经被改变的⽅法不⾏

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。