I am struggling to move the login and cart sections to the right side of the page. I have attempted using classes such as mr-auto, ml-auto, justify-content-between, and justify-content-end, but unfortunately, none of them seem to work. What other options can I explore to correct this alignment issue?
#header-nav
{
background-color: #C5B358;
border-radius: 0;
border: 0;
}<nav id=header-nav class="navbar navbar-expand-md navbar-default justify-content-end">
<a href="index.html" class="navbar-brand">
<h1 class="tagline">Subha</h1>
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#" class="nav-link">Cart</a></li>
<li class="nav-item">
<a href="#" class="nav-link">Login</a></li>
</ul>
</div>
</nav>