after hover bottom border in bootstrap navbar code example
Example 1: css using border top border bottom to create a hamburger icon
.menu-toggle {
border-top:6px solid #828282;
border-bottom:6px solid #828282;
display:inline-block;
height:30px;
margin-top:-15px;
position:absolute;
right:20px;
text-indent:-999px;
top:50%;
width:40px;
}
.menu-toggle:before {
border-top:6px solid #828282;
content:"";
left:0;
position:absolute;
top:6px;
width:100%;
}
Example 2: css using border top border bottom to create a hamburger icon
<a class="menu-toggle">Menu</div>