title: how to use asp.net web.sitemap and menu control with bootstrap
body: <p>i am trying to use a sitemap and asp.net menu control and skin it with bootstrap.</p>
  
  <p>I have done it using ul and li etc which looks great. But this doesnt add the flexibility of breadcrumbs, roles etc so i would like to use the sitemap and menu control. Anyone got any help. I cant get the toggle drop down etc to work. I have tried accesssing the item in the code behind to add css and toggle etc but it wont work.</p>
  
  <pre><code>&lt;asp:SiteMapDataSource ID="MenuSitemap" SiteMapProvider="MenuSitemap" runat="server"
  ShowStartingNode="false"&gt;&lt;/asp:SiteMapDataSource&gt;
  &lt;asp:Menu ID="menFrontEnd" runat="server" Orientation="Horizontal" DataSourceID="MenuSitemap"&gt;&lt;/asp:Menu&gt;
  </code></pre>
  
  <p><strong>site map file</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" &gt;
      &lt;siteMapNode url="/" title="Home"  description="Home"&gt;
        &lt;siteMapNode url="/Default" title="Home"  description="Home" /&gt;
        &lt;siteMapNode url="#1" title="Shop"  description="Shop"&gt;
          &lt;siteMapNode url="/Secure/page1" title="page1"  description="page1" /&gt;
          &lt;siteMapNode url="/Secure/page2" title="page2"  description="page2" /&gt;
        &lt;/siteMapNode&gt;
        &lt;siteMapNode url="#2" title="Maintenance"  description="Maintenance" &gt;
          &lt;siteMapNode url="/Secure/Maintenance/page1" title="page1"  description="Channels" /&gt;
          &lt;siteMapNode url="/Secure/Maintenance/page2" title="page2"  description="page2" /&gt;
        &lt;/siteMapNode&gt;
      &lt;/siteMapNode&gt;
  &lt;/siteMap&gt;
  </code></pre>
  
  <p>Thanks all</p>