I am having trouble with the collapsible navbar, specifically the alignment of the right side. Here is the code snippet related to it:
<div class="collapse navbar-collapse navHeaderCollapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" class="btn btn-default navbar-btn" >Sign In</a></li>
<li><a href="#" class="btn btn-warning navbar-btn" >Sign Up</a></li>
</ul>
</div>
I observed that it was not lining up properly on the right side of my main content area. I added dashed borders and this was the result.
Is there a simple way to correct this issue? I believe I have used the navbar-btn class correctly. I also attempted to adjust the margin with
margin-left: -20px
but it did not work. Any suggestions would be greatly appreciated!