I've been having trouble converting this navigation HTML template into the navigator format. Would love your insight but my drop downs don't appear to be working. I've tried to simplify it to below, there's one level, two level and then three level but my classes aren't setting correctly and my drop-down is not functioning. Here's the code:
Code: Select all
<ul class="nav navbar-nav mobpad">
<!-- One Level -->
<li><a href="#">No Children</a></li>
<!-- Two Levels -->
<li class="dropdown">
<a class="dropdown-toggle" href="#">Two-Levels<b class="caret"></b></a>
<ul class="dropdown-menu" style="display: none;">
<li><a href="#">Second Level Only</a></li>
<li class="divider"></li>
<li class="dropdown-header">Menu Subheader</li>
<li><a href="#">Second Level Only</a></li>
</ul>
</li>
<!-- Three Levels -->
<li class="dropdown">
<a class="dropdown-toggle" href="#">Three Levels<b class="caret"></b></a>
<ul class="dropdown-menu" style="display: none;">
<li class="dropdown-header">Menu Header</li>
<li class="dropdown relative">
<a class="dropdown-toggle" href="#">Second Level<b class="caret2"></b></a>
<ul class="dropdown-menu" style="display: none;">
<li><a href="#">Third Level</a></li>
<li><a href="blogleft.html">Left menu</a></li>
</ul>
</li>
</ul>
</li>
</ul>