jquery - Bootstrap Active Menu Changes Navbar Height -


i added 2px border-bottom active menu(bootstrap). because of that, navbar resizes automaticaly. example: navbar 70px height , after adding 2px border-bottom, navbar resizes 72px. know how block that. tried min/max-height doesn't work.

<div class="collapse navbar-collapse navbar-right" id="nbar-collapse">     <ul class="nav navbar-nav">         <li><a class="active-page" href="#">home</a></li>          <li><a href="#">host2</a></li>          <li><a href="#">host3</a></li>     </ul> </div>   .active-page {     border-bottom: 2px solid #f40612; } 

tried this?

.navbar-right {    height: 68px;    border-bottom: 2px solid #f40612; } 

or

.navbar-right {    height: 70px; }  .navbar-nav li {    background-color: #f40612;    padding: 0;    margin: 0;    padding-bottom: 2px; }  .navbar-nav li {    margin: 0;    padding: 0;    background-color: transparent; } 

or jquery

<script>   $(".active-page").parent().addclass("hightlight"); </script>  .hightlight {    background-color: #f40612;    padding: 0;    margin: 0;    padding-bottom: 2px; } 

Comments

Popular posts from this blog

java - SSE Emitter : Manage timeouts and complete() -

jquery - uncaught exception: DataTables Editor - remote hosting of code not allowed -

java - How to resolve error - package com.squareup.okhttp3 doesn't exist? -