<nav class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/">{{ site.personal_info.name }}</a> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> {% for node in site.pages %} {% if node.groups contains 'navbar' %} {% if page.url == node.url %} <li class="active"><a href="{{ site.baseurl }}{{ node.url }}" class="active">{{ node.navbar_link }}</a></li> {% else %} <li><a href="{{ site.baseurl }}{{ node.url }}">{{ node.navbar_link }}</a></li> {% endif %} {% endif %} {% endfor %} </ul> </div> </div> </nav>