frappe/webnotes/templates/includes/navbar.html

<header>
	<nav class="navbar navbar-default" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" 
					data-target=".navbar-responsive-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 ellipsis" href="/">
					<span>{{ brand_html or "<i class='icon-home'></i>"}}</span>
				</a>
			</div>
			<div class="collapse navbar-collapse navbar-responsive-collapse">
				{% if top_bar_items -%}
				<ul class="nav navbar-nav navbar-left">
					{%- 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 | scrub_relative_url }}" {% if page.child_items %} class="dropdown-toggle" onclick="return false;" data-toggle="dropdown"{% endif %} {{ page.target or ''}}>
						{{ page.label }}
						{%- if page.child_items -%}
							<span class="caret"></span>
						</a>
							<ul class="dropdown-menu">
							{%- for child in page.child_items -%}
								<li data-label="{{ child.label }}">
									<a {% if child.indent %} style="padding-left: {{((child.indent|int)+1)*15 }}px"{% endif %} 
										href="{{ child.url | scrub_relative_url }}" {{ child.target or '' }}>{{ child.label }}</a>
								</li>
							{%- endfor -%}
							</ul>
						{%- else -%}
						</a>
						{%- endif -%}
						</li>
					{%- endif -%}
					{%- endfor %}
				</ul>
				{%- endif %}
				<ul class="logged-in nav navbar-nav navbar-right" style="display: none;">
					<!-- post login tools -->
					<li class="dropdown" id="website-post-login" data-label="website-post-login">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<img class="user-picture" style="min-width: 20px; max-height: 20px; border-radius: 4px"/> 
								<b class="full-name"></b><b class="caret"></b>
						</a>
				        <ul class="dropdown-menu">
							{%- for child in post_login -%}
							<li data-label="{{ child.label }}" 
								{% if child.class %} class="{{ child.class }}" {% endif %}>

								{%- if child.url -%}
									<a href="{{ child.url | scrub_relative_url }}" {{ child.target or '' }}>
										{%- if child.icon -%}
										<i class="icon-fixed-width {{ child.icon }}"></i>
										{%- endif -%}
										
										{{ child.label }}
									</a>
								{%- endif -%}
							</li>
							{%- endfor -%}
						</ul>
					</li>
				</ul>
				<ul class="btn-login-area nav navbar-nav navbar-right">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">Login <b class="caret"></b></a>
						<ul class="dropdown-menu">
							<li><a href="#" class="btn-login" disabled=disabled>Login via Facebook</a></li>
							<li><a href="/login">Sign Up / Login</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</nav>
</header>
<script>$('.dropdown-toggle').dropdown()</script>