Having some trouble adding dropdown menu to my site

[LUC1G07CH1]

I tried to follow internet tutorials and it just shows the plain page, no drop-down.
So...what to do? Attach it?
Also i'm using Bootstrap theme for the site.

[Dinocanid]

This is how the dropdowns are setup on my site (for my bootstrap theme):

PHP Code:

<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)

[LUC1G07CH1]

I actually did a basic sidebar and it looks fine.