引導中的3級下拉菜單

Question

我的菜單數據是這樣的。

Faculties 
    Engineering 
      Computer 
      Electronic 
    Medical 
      Some 
    Economy 
      Some1 
      Some2 

我想在bootstrap導航欄中顯示此內容。社會層面下拉不出現。

<li class="dropdown"> 
    <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Faculties<b class="caret"></b></a> 
      <ul class="dropdown-menu" data-bind="foreach: data.Fakulties"> 
       <li class="dropdown"> 
        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" data-bind="text: name"><b class="caret"></b></a> 
        <li class="dropdown"> 
         <ul class="dropdown-menu" data-bind="foreach: Departments"> 
          <li role="presentation"><a role="menuitem" href="#" data-bind="text: name"></a></li> 
         </ul> 
        </li> 
       </li> 
      </ul> 
     </li> 

Answer 1

這裏是鏈接你的問題， 請檢查這... http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3