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>
				<ul class="nav pull-right">
					<li id="login-topbar-item"><a href="login">Login</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<script>$('.dropdown-toggle').dropdown()</script>