^^ This works fine for aligning navbar items to the right
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#ABOUT">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#PORTFOLIO">Portfolio</a> </li> <li class="nav-item"> <a class="nav-link" href="#CONTACT">Contact</a> </li> </ul> </div>
bootstrap.jsin your JS external libs. Since you are using V3, add this link:
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js-- no tool would have found that, most likely. You just have to find that info in the docs.
@MojammelW - the way that I usually use it for CodePen projects is to run the project in the debug view, right click, and "View Page Source". Copy and paste that into the validator.w3.org "Validate by Direct Input" tab, then run the "Check" - it will dump a bunch of errors if you have them.
But you don't need it for this navbar problem - just add that JS, and re-run your page, it should work. It did for me.