/*嵌套菜單樣式*/
.dropdown-submenu{
????position:relative;
}

.dropdown-submenu>.dropdown-menu{
????/*嵌套菜單位置*/
????top:0;
????left:100%;
????/*將left的值換成負(fù)值可使嵌套菜單向右展開(kāi)*/
????margin-top:-6px;
????margin-left:-1px;
}

.dropdown-submenu:hover>.dropdown-menu{
????display:block;
}

<ul?class="nav?nav-pills">
??<li?class="active"><a?href="##">首頁(yè)</a></li>
??<li?class="dropdown">
??????<a?href="##"?class="dropdown-toggle"?data-toggle="dropdown">教程<span?class="caret"></span></a>
??????<ul?class="dropdown-menu">
??????????<li><a?href="##">CSS3</a></li>
????????<li><a?href="##">Sass</a></li>
????????<li><a?href="##">jQuery</a></li>???????
????????<!--嵌套下拉菜單-->
????????<li?class="dropdown-submenu">
????????<a?href="##">嵌套選項(xiàng)1
????????????<span?class="caret2"></span>
????????</a>
????????????<ul?class="dropdown-menu">
????????????????<li>
????????????????????<a?href="##">C#</a>
????????????????</li>
????????????????<!--嵌套下拉菜單-->
????????????????<li?class="dropdown-submenu">
????????????????????<a?href="##">嵌套選項(xiàng)2
????????????????????????<span?class="caret2"></span>
????????????????????</a>
????????????????????<ul?class="dropdown-menu">
????????????????????????<li>
????????????????????????????<a?href="##">SQL</a>
????????????????????????</li>
????????????????????</ul>
????????????????</li>
????????????????<li>
????????????????????<a?href="##">VB</a>
????????????????</li>
????????????</ul>?????
????????</li>
????????<li><a?href="##">Responsive</a></li>
??????</ul>
??</li>
?<li><a?href="##">關(guān)于我們</a></li>
</ul>