& lt！DOCTYPE？HTML & gt
& lthtml & gt
& lthead & gt
& ltmeta？/bootstrap/3 . 3 . 0/CSS/bootstrap . min . CSS " & gt；
& lt風格？type="text/css " >
。下拉子菜單？{
位置:？相對的；
}
。下拉子菜單？& gt？。下拉菜單？{
top:？0;
左:？100%;
頁邊距-頂部:？-6px；
左邊距:？-1px；
-webkit-border-radius:？0?6px？6px？6px
-moz-border-radius:？0?6px？6px
邊框半徑:？0?6px？6px？6px
}
。下拉子菜單:懸停？& gt？。下拉菜單？{
顯示:？屏蔽；
}
。下拉子菜單？& gt？甲:之後？{
顯示:？屏蔽；
內容:？"?"；
浮動:？對；
寬度:？0;
身高:？0;
邊框顏色:？透明；
邊框樣式:？固體；
邊框寬度:？5px？0?5px？5px
邊框-左側-顏色:？# ccc
頁邊距-頂部:？5px
右邊距:？-10px；
}
。下拉子菜單:懸停？& gt？甲:之後？{
邊框-左側-顏色:？# fff
}
。下拉子菜單。向左拉？{
浮動:？無；
}
。下拉子菜單。向左拉？& gt？。下拉菜單？{
左:？-100%;
左邊距:？10px；
-webkit-border-radius:？6px？0?6px？6px
-moz-border-radius:？6px？0?6px？6px
邊框半徑:？6px？0?6px？6px
}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& ltdiv？class="container " >
& ltdiv？class="row " >
& lth2 & gt自舉？3多級下拉菜單
& lthr & gt
& ltdiv？class="dropdown " >
& lt答？id="dLabel "？role="button "？data-toggle="dropdown "？class="btn？btn-primary”？數據目標="# "
href = " JavaScript:；"& gt
下拉多級菜單？& lt跨度？class="caret " >& lt/span>。
& lt/a & gt；
& ltul？class= "下拉菜單？多層次”？role="menu "？aria-labelledby = " drop down menu " & gt。
& lt李& gt& lt答？href = " JavaScript:；"& gt壹級菜單
& lt李& gt& lt答？href = " JavaScript:；"& gt壹級菜單
& lt李？class="divider " >& lt/李& gt
& lt李？class="dropdown-submenu " >
& lt答？tabindex="-1 "？href = " JavaScript:；"& gt壹級菜單
& ltul？class="dropdown-menu " >
& lt李& gt& lt答？tabindex="-1 "？href = " JavaScript:；"& gt次級菜單
& lt李？class="divider " >& lt/李& gt
& lt李？class="dropdown-submenu " >
& lt答？href = " JavaScript:；"& gt次級菜單
& ltul？class="dropdown-menu " >
& lt李& gt& lt答？href = " JavaScript:；"& gt三級菜單
& lt/ul & gt；
& lt/李& gt
& lt/ul & gt；
& lt/李& gt
& lt/ul & gt；
& lt/div & gt；
& lt/div & gt；
& lt/div & gt；
& lt劇本？src = "/jquery/1.11.1/jquery . min . js " & gt；& lt/script & gt；
& lt劇本？src = "/bootstrap/3 . 3 . 0/js/bootstrap . min . js " & gt；& lt/script & gt；
& lt/body & gt；
& lt/html & gt；