tôi đang làm việc trên Bootstrap và tôi đã yêu cầu như bên dưới hình ảnh ...Bootstrap Navbar - Menu vấn đề biên giới Items
Yêu cầu
Tôi có thể t tất cả mọi thứ, ngoại trừ chiều cao biên giới. Chiều cao đường viền không được đến từ Đầu và cuối ở Cuối. Nhưng phần khó khăn là, Tổng chiều cao sẽ có thể nhấp ... :(
Những gì tôi nhận được
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;}
** @ ** Akshay. .. Tuyệt vời .. đây là chính xác những gì tôi muốn .. Cảm ơn vì đã cứu ngày của tôi – Reddy
np @Reddy vui vì tôi có thể giúp – Akshay