website/templates/html/navbar.html

<div class="navbar navbar-inverse" style="">
	<div class="navbar-inner">
		{%- if brand_html %}<a class="brand" href="index">{{ brand_html }}</a>{% endif -%}
		<div class="container">
			<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
			<div class="nav-collapse collapse">
				<ul class="nav">
					{%- for page in top_bar_items -%}
					{% if not page.parent_label -%}
					<li data-label="{{ page.label }}" {% if page.child_items %} class="dropdown"{% endif %}>
						<a href="{{ page.url or '#' }}" {% if page.child_items %} class="dropdown-toggle" onclick="return false;" data-toggle="dropdown"{% endif %} {{ page.target or ''}}>
						{{ page.label }}
						{%- if page.child_items -%}
							<b class="caret"></b>
						</a>
							<ul class="dropdown-menu">
							{%- for child in page.child_items -%}
								<li data-label="{{ child.label }}">
									<a {% if child.indent %} style="padding-left: {{(int(child.indent)+1)*15 }}px"{% endif %} href="{{ child.url }}" {{ child.target or '' }}>{{ child.label }}</a>
								</li>
							{%- endfor -%}
							</ul>
						{%- else -%}
						</a>
						{%- endif -%}
						</li>
					{%- endif -%}
					{%- endfor %}
				</ul>
			</div>
		</div>
	</div>
</div>
<script>$('.dropdown-toggle').dropdown()</script>