title: How do I modify the kendo UI menu's default html?
body: <p>Kendo UI's default menu is great but Bootstrap's menu is awesome.  What must I do in order to keep the same Bootstrap menu's structure while calling the menus via kendo ui ?</p>
  
  <p>bootstrap menu structure:</p>
  
  <pre><code>&lt;div style="height: 0px;" class="nav-collapse clr collapse"&gt;
                  &lt;ul class="nav pull-left"&gt;
                      &lt;li class="active"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Customer &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li class="nav-header"&gt;Customer Mgt&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Manage&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;New Customer&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Cards &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li class="nav-header"&gt;Card Mgt&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Manage&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Diagnosis&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Reports &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li class="nav-header"&gt;Report Mgt&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Download Report&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Transaction Report&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#contact"&gt;About&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;!-- / header menu --&gt;
  
                  &lt;!-- search bar --&gt;
                  &lt;form class="navbar-search pull-right"&gt;
                      &lt;input type="text" placeholder="Search" class="search-query"&gt;
                  &lt;/form&gt;
                  &lt;!-- / search bar --&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>kendo calling its menu</p>
  
  <pre><code>&lt;div style="height: 0px;" class="nav-collapse clr collapse"&gt;
  
                  &lt;!-- header menu --&gt;
                  @(Html.Kendo().Menu()
                  .Name("menu")
                  .Items(menu =&gt;
                  {
  
                      menu.Add().Text("Home").Action("Index", "Home");
                      menu.Add().Text("Customers").Items(cust =&gt;
                      {
                          cust.Add().Text("Manage").Action("Index", "Customer");
                          cust.Add().Text("New Customer").Action("Create", "Customer");
  
  
                      });
                      menu.Add().Text("Cards").Items(card =&gt;
                      {
                          card.Add().Text("Manage").Action("Index", "Card");
                          card.Add().Text("Diagnosis").Action("Diagnosis", "Card");
                          card.Add().Text("Personalise").Action("PrintPersonalise", "Card");
                      });
  
                      menu.Add().Text("Reports").Items(report =&gt;
                      {
                          report.Add().Text("Download report").Action("Index", "TerminalDownloadLog");
                          report.Add().Text("Transaction report").Action("Index", "Transaction");
                      });
                      menu.Add().Text("About").Action("About", "Home");
                  }))
              &lt;/div&gt;
  </code></pre>