Simply add your navigation content to an unordered list wrapped in nav tag.

Navigation dropdown is handled with Bootstrap Dropdown plugin with standard syntax.

<div class="nav-collapse collapse" role="navigation">
	<ul>
		
		<!-- Simple link -->
		<li>
			<a href="index.html"> ... </a>
		</li>

		<!-- Link with second-level navigation -->
		<li>
			<a href="#" class="dropdown-toggle" data-toggle="dropdown"> ... </a>
			<ul class="dropdown-menu">
				<li><a href="calendar.html"> ... </a></li>
			</ul>
		</li>

	</ul>
</div>

For all user related data Sangoma comes with user profile block. Use class .user-profile and follow the markup to get block with user avatar image, name and optionaly actions.

<div class="user-profile">
	<figure>
		
		<!-- User profile avatar -->
		<img src="..." alt="User name avatar">

		<!-- User profile info -->
		<figcaption>
			<strong>
				<a href="#"> User name </a>
			</strong>
			<ul>
				<li><a href="#"> ... </a></li>
				<li><a href="#"> ... </a></li>
				<li><a href="#"> ... </a></li>
			</ul>
		</figcaption>

	</figure>
</div>