bootstrap导航高亮当前问题

导航前几个没问题，到后面的点击的跟亮的不一样，要怎么修改，下面是关键代码

.bs-docs-sidenav > li > a {
border: 1px solid #e5e5e5;
display: block;
padding: 8px 14px;
margin: 0 0 -1px;
}
.bs-docs-sidenav > li:first-child > a {
border-radius: 6px 6px 0 0;
}
.bs-docs-sidenav > li:last-child > a {
border-radius: 0 0 6px 6px;
}
.bs-docs-sidenav > .active > a {
border: 0 none;
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;
padding: 9px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
z-index: 2;
}
.bs-docs-sidenav .icon-chevron-right {
float: right;
margin-right: -6px;
margin-top: 2px;
opacity: 0.25;
}
.bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5;
}
.bs-docs-sidenav a:hover .icon-chevron-right {
opacity: 0.5;
}
.bs-docs-sidenav .active .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url("../img/glyphicons-halflings-white.png");
opacity: 1;
}
</style>

</head>
<body>
<div class="container-fluid" style="padding-right: 0px;padding-left: 0px;">
   <div region="north" style="height: 100px;background-image: url('images/bg.jpg')">
       <div align="left" style="width: 80%;height:100px ;float: left;padding-top: 40px;padding-left: 30px;" ><font color="white" size="6" >宿舍管理系统</font></div>
       <div id="time" style="color:white;float: left;"></div>
       <div style="padding-top: 70px;padding-right: 20px;">
       <font color="white" >欢迎您，</font> <font color="red" >${currentUser.name }</font>
       </div>
   </div>
</div>
   <div class="container-fluid">
       <div class="row-fluid">
           <div class="span2 bs-docs-sidebar" >
               <ul class="nav nav-list bs-docs-sidenav">
                   <li><a href="blank"><i class="icon-chevron-right"></i>首页</a></li>
                   <li><a href="dormManager?action=list"><i class="icon-chevron-right"></i>宿舍管理员管理</a></li>
                   <li><a href="student?action=list"><i class="icon-chevron-right"></i>学生管理</a></li>
                   <li><a href="dormBuild?action=list"><i class="icon-chevron-right"></i>宿舍楼管理</a></li>
                   <li><a href="dorm?action=list"><i class="icon-chevron-right"></i>宿舍管理</a></li>
                   <li><a href="record?action=list"><i class="icon-chevron-right"></i>缺勤记录</a></li>
                   <li><a href="password?action=preChange"><i class="icon-chevron-right"></i>修改密码</a></li>
                   <li><a href="login.jsp" onclick="return confirm('确定要退出系统吗？')"><i class="icon-chevron-right"></i>退出系统</a></li>
               </ul>
           </div>
                   <div class="span10">
                       <jsp:include page="${mainPage==null?'admin/blank.jsp':mainPage}"></jsp:include>
                   </div>
           </div>
       </div>

0个评论

1个牛币 bootstrap bootstrap导航 bootstrap导航高亮 bootstrap导航问题

所有回答列表(1)

最不屑一顾是相思 LV19 2017年5月15日

activity=‘open’

最热评论
最新问答