My branding is visible in the navbar, but the menu items are not showing up. The Bootstrap 4 dependencies are correctly ordered (Bootstrap 4 CSS -> Jquery -> Popper -> Bootstrap JS).
The meta viewpoint is referenced in the <head>.
HTML:
<nav class="navbar navbar-light bg-faded">
<a class="navbar-brand" onclick="goBack()">
<img src="icon.jpg" width="30" height="30" class="d-inline-block align-top" alt="">
Back to Course
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</nav>
CSS:
@font-face {
font-family: Helvetica;
src: url(HelveticaNeue BlackCond.ttf);
}
@media (min-width: 992px) {
.navbar-nav li a { line-height: 80px; }
}
@media (max-width: 991px) {
.navbar-brand { float: none; }
}
.navbar-brand {
font-family: 'Helvetica';
font-weight: 500;
}
.container {
padding-top: 2em;
}