Menu


Container

<ul id="main-nav" class="pull-right">
	
	-- ALL ITEMS GO HERE --
	
</ul>

Basic Item

<li>
	<a href="javascript:;">
		<i class="icon-home"></i>
		<span>Home</span>        					
	</a>
</li>

Icon Only

NOTE: Be sure to add the class .nav-icon to the top-level LI element and wrap your link text in a span tag so it's hidden.

<li class="nav-icon">
	<a href="javscript:;">
		<i class="icon-home"></i>
		<span>Home</span>
	</a>	    				
</li>	

Dropdown Menu

<li class="dropdown">					
	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		<span>span>Dropdown</span>
		<b class="caret"></b>
	</a>	

	<ul class="dropdown-menu">
		<li><a href="#">Dropdown 1</a></li>
		<li><a href="#">Dropdown 2</a></li>
	</ul>    				
</li>	

Multi-Level Dropdown Menu

<li class="dropdown">					
	<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">
		Multi-Level Dropdown
		<b class="caret"></b>
	</a>	

	<ul class="dropdown-menu">							
		<li><a href="javascript:;">Dropdown #1</a></li>
                <li><a href="javascript:;">Dropdown #2</a></li>
		
       	 	<li class="dropdown-submenu">
			<a tabindex="-1" href="#">Dropdown menu</a>
				
			<ul class="dropdown-menu">
				<li>
				<a tabindex="-1" href="#">Second level link</a>
				</li>
				<li>
				<a tabindex="-1" href="#">Second level link</a>
				</li>
				<li>
				<a tabindex="-1" href="#">Second level link</a>
				</li>
			</ul>
		</li>        
                
	</ul>    				
</li>