My navbar notification button is causing a problem by resizing the navbar.
Below is the code snippet:
.badge-notify{
background:red;
position:relative;
top: -20px;
left: -35px;
}
<ul class="nav navbar-nav navbar-right">
<li><a href="#">
<button class="btn btn-lg btn-link">
<span class="glyphicon glyphicon-envelope"></span>
</button>
<span class="badge badge-notify">3</span>
</a></li>
It's unclear whether the issue is related to CSS, but the button seems to be creating a blank space on the navbar.
Possibly the problem lies in: