Я работаю на Bootstrap и я получил требование, как показано ниже изображения ...Bootstrap Navbar - Меню Пункты пограничного вопрос
Требование
Я могу ge t все, кроме высоты границы. Высота границы должна быть не сверху, а концом внизу. Но сложная часть, общая высота должна быть интерактивными ... :(
Что я получаю
HTML
<nav class="navbar navbar-default">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</div>
</nav>
CSS
.navbar-default{background:#005986;}
.navbar{border:0;border-radius:0;}
ul.nav{border-right:1px solid #84B6D0;}
ul.nav li a{border-left:1px solid #84B6D0;color:#fff; }
.navbar-default .navbar-nav>li>a,.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>li>a:hover{background:#022E44;}
** @ Акшай **. .. Отлично .. вот что именно я хочу .. Спасибо за сохранение моего дня – Reddy
np @Reddy рад, что я мог бы помочь – Akshay