Having trouble with a simple problem,
1 - Why doesn't it work when I add an independent CSS class to the nav_element and set flex and justify-content: between to create space between the anchor tag and the div?
2 - What is the correct approach in Bootstrap for this?
3 - Do I need to use "d-flex" on the navbar Bootstrap property?
<nav class="navbar navbar-expand-lg navbar-dark bg-dark d-flex w-100">
<a href="index.html" class="navbar-brand mr-auto">Gb32</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navbarMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarMenu">
<ul class="navbar-nav">
<li class="nav-item navbar-el">
<a href="" class="nav-link" id="home__navbar">Home</a>
</li>
<li class="nav-item navbar-el">
<a href="" class="nav-link" id="about__navbar">About</a>
</li>
<li class="nav-item navbar-el">
<a href="" class="nav-link" id="skills__navbar">Skills</a>
</li>
<li class="nav-item navbar-el">
<a href="" class="nav-link" id="history__navbar">History</a>
</li>
<li class="nav-item navbar-el">
<a href="" class="nav-link" id="contact__navbar">Contact</a>
</li>
</ul>
</div>
</nav>
Thank you! I will try to provide a working example, but I'm not sure if the resources will remain available.