This is how the dropdowns are setup on my site (for my bootstrap theme):
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<!-- Home -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-home"></i> Home<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class=""><a href="http://foodbabs.x10host.com" class="dropdown-toggle"><i class="fa fa-home"></i> Index</a></li>
<li class=""><a href="http://foodbabs.x10host.com/pages/view/faq" class="dropdown-toggle"><i class="fa fa-info-circle"></i> Faq</a></li>
<li class=""><a href="http://foodbabs.x10host.com/pages/view/rules" class="dropdown-toggle"><i class="fa fa-gavel"></i> Rules</a></li>
</ul>
</li>
<!-- Links -->
<li><a href="http://foodbabs.x10host.com/guidebook" class="hides dropdown-toggle"><i class="fa fa-book"></i> Guidebook</a></li>
{if $logged_in}
<li><a href="http://foodbabs.x10host.com/gamelist" class="hides dropdown-toggle"><i class="fa fa-gamepad"></i> Games</a></li>
<!-- Town -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-institution"></i> Town<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class=""><a href="http://foodbabs.x10host.com/adopt" class="dropdown-toggle"><i class="fa fa-home"></i> Adoption Center</a></li>
<li class=""><a href="http://foodbabs.x10host.com/pound" class="dropdown-toggle"><i class="fa fa-bullseye"></i> The Pound</a></li>
<li class=""><a href="http://foodbabs.x10host.com/myadopts" class="dropdown-toggle"><i class="fa fa-paw"></i> Your Pets</a></li>
<li class=""><a href="http://foodbabs.x10host.com/bakery" class="dropdown-toggle"><i class="fa fa-birthday-cake"></i> Bakery</a></li>
<li class=""><a href="http://foodbabs.x10host.com/promo" class="dropdown-toggle"><i class="fa fa-money"></i> Special Offer</a></li>
<li class=""><a href="http://foodbabs.x10host.com/encyclopedia" class="dropdown-toggle"><i class="fa fa-book"></i> Encyclopedia</a></li>
<li class=""><a href="http://foodbabs.x10host.com/trade" class="dropdown-toggle"><i class="fa fa-exchange"></i> Trades</a></li>
</ul>
</li>
<!-- World -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-pagelines"></i> World<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class=""><a href="http://foodbabs.x10host.com/search" class="dropdown-toggle"><i class="fa fa-search"></i> Search</a></li>
<li class=""><a href="http://foodbabs.x10host.com/festivals" class="dropdown-toggle"><i class="fa fa-tree"></i> Festival Ground</a></li>
<li class=""><a href="http://foodbabs.x10host.com/messages" class="dropdown-toggle"><i class="fa fa-envelope"></i> Post Office</a></li>
<li class=""><a href="http://foodbabs.x10host.com/mytrades" class="dropdown-toggle"><i class="fa fa-plane"></i> Trading Post</a></li>
<li class=""><a href="http://foodbabs.x10host.com/breeding" class="dropdown-toggle"><i class="fa fa-heart"></i> Breeding</a></li>
<li class=""><a href="http://foodbabs.x10host.com/levelup/daycare" class="dropdown-toggle"><i class="fa fa-list"></i> Daycare</a></li>
<li class=""><a href="http://foodbabs.x10host.com/shop" class="dropdown-toggle"><i class="fa fa-shopping-cart"></i> Market</a></li>
<li class=""><a href="http://foodbabs.x10host.com/explore" class="dropdown-toggle"><i class="fa fa-tree"></i> Explore</a></li>
</ul>
</li>
{else}
<!-- Register -->
<li><a href="http://foodbabs.x10host.com/register" class="hides dropdown-toggle"><i class="fa fa-bell-o"></i> Registration</a></li>
{/if}
<!-- Community -->
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="fa fa-comment-o"></i> Community<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class=""><a href="http://foodbabs.x10host.com/associations" class="dropdown-toggle"><i class="fa fa-shield"></i> Associations</a></li>
<li class=""><a href="http://foodbabs.x10host.com/smf/" class="dropdown-toggle"><i class="fa fa-users"></i> Forum</a></li>
<li class=""><a href="http://foodbabs.x10host.com/profile" class="dropdown-toggle"><i class="fa fa-user-circle"></i> Members List</a></li>
<li class=""><a href="http://foodbabs.x10host.com/stats" class="dropdown-toggle"><i class="fa fa-line-chart"></i> Stats</a></li>
<li class=""><a href="http://foodbabs.x10host.com/pages/view/affiliate" class="dropdown-toggle"><i class="fa fa-handshake-o"></i> Affilates</a></li>
<li class=""><a href="http://foodbabs.x10host.com/pages/view/staff" class="dropdown-toggle"><i class="fa fa-user-circle"></i> Staff</a></li>
</ul>
</li>
</ul>
</div>
(Copy-pasted from my theme's template.tpl file)