<ul class="nav nav-pills">

? <li class="active"><a href="##">首頁</a></li>

? <li class="dropdown">

? ? ? <a href="##" class="dropdown-toggle" data-toggle="dropdown">教程<span class="caret"></span></a>

? ? ? <ul class="dropdown-menu">

? ? ? ? <li class="dropdown">

? ? ? ? <a href="##" class="dropdown-toggle" data-toggle="dropdown">CSS3<span class="caret"></span></a>

? ? ? ? ? ? <ul class="dropdown-menu">

? ? ? ? ? ? ? ? <li><a href="##">1</a></li>

? ? ? ? ? ? ? ? <li><a href="##">2</a></li>

? ? ? ? ? ? ? ? <li><a href="##">3</a></li>

? ? ? ? ? ? </ul>

? ? ? ? </li>

? ? ? ? <li><a href="##">Sass</a></li>

? ? ? ? <li><a href="##">jQuery</a></li>

? ? ? ? <li><a href="##">Responsive</a></li>

? ? ? </ul>

? </li>

?<li><a href="##">關于我們</a></li>

</ul>