title: 3 level dropdown menu in bootstrap
body: <p>My menu data is like this.</p>
  
  <pre><code>Faculties
       Engineering
            Computer
            Electronic
       Medical  
            Some
       Economy
            Some1
            Some2
  </code></pre>
  
  <p>I want to show this in bootstrap nav bar. The socond level dropdown is not appearing.</p>
  
  <pre><code> &lt;li class="dropdown"&gt;
      &lt;a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"&gt;Faculties&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
              &lt;ul class="dropdown-menu" data-bind="foreach: data.Fakulties"&gt;
                  &lt;li class="dropdown"&gt;
                      &lt;a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown" data-bind="text: name"&gt;&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;ul class="dropdown-menu" data-bind="foreach: Departments"&gt;
                              &lt;li role="presentation"&gt;&lt;a role="menuitem" href="#" data-bind="text: name"&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
  </code></pre>