<nav class=“navbar navbar-expand-lg navbar-dark bg-dark”>
<a class="navbar-brand" href="{{ "/" | absolute_url }}"> {%if site.logo %} <img src="{{site.logo | relative_url}}" width="30" height="30" class="d-inline-block align-top rounded-circle" alt="Logo"> {% endif %} </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <div class="navbar-nav mr-auto"> {% for link in site.data.navigation.main %} {% if link.url contains "http" %} {% assign url = link.url %} {% else %} {% assign url = link.url | relative_url %} {% endif %} <a class="nav-item nav-link" href="{{ url }}">{{ link.title }}</a> {% endfor %} </div> <form class="form-inline my-2 my-lg-0"> <input class="form-control" type="search" placeholder="Search" aria-label="Search"> </form> </div>
</nav>