https://i.sstatic.net/9ZAz9.png
It was expected that the button would appear on the right side while the navigation titles would be displayed on the left.
<nav id="mainNavbar" class="navbar navbar-dark bg-dark navbar-expand-md">
<a href="#" class="navbar-brand">CANDY</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-colllapse" id="navLinks">
<ul class="navbar-nav">
<li class="nav-item">
<a href="" class="nav-link">HOME</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">ABOUT</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">TICKETS</a>
</li>
</ul>
</div>