header.twig

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<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.url}}"><span class="site-title">{{site.name}}</span></a>
		</div>
		
		{% block primarynav %}
		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				{% for item in get_menu('primary').items %}
				<li id="menu-item-{{item.ID}}" class="menu-item menu-item-type-{{item.type}} menu-item-object-{{item.object}} menu-item-{{item.ID}} {% if item.current %}active{% endif %}{% if item.get_children %} dropdown{% endif %}">
                    <a href="{{item.link}}" class="{% if item.get_children %}dropdown-toggle{% endif %}"{% if item.get_children %} data-toggle="dropdown"{% endif %}>{{item.title}}{% if item.get_children %} <span class="caret">{% endif %}</a>
                    
                    {% if item.get_children %}
                    	<ul class="dropdown-menu" role="menu">
                        	{% for child in item.get_children %}
							<li class="{% if child.current %}active{% endif %}"><a href="{{child.get_link}}">{{child.title}}</a></li>
							{% endfor %}
						</ul>
                     {% endif %}
                </li>
				{% endfor %}
			</ul>
		</div><!-- /.navbar-collapse -->
		{% endblock %}
	</div><!-- /.container -->
</nav>