如何在ASP菜单控件中使用bootstrap [英] How to use bootstrap in ASP menu control

问题描述

<ul class="sidebar-nav">
                  <li class="sidebar-brand"> <a href="#"> Start Bootstrap </a> </li>
                  <li> <a href="#">Dashboard</a> </li>
                  <li> <a href="#">Shortcuts</a> </li>
                  <li> <a href="#">Overview</a> </li>
                  <li> <a href="#">Events</a> </li>
                  <li> <a href="#">About</a> </li>
                  <li> <a href="#">Services</a> </li>
                  <li> <a href="#">Contact</a> </li>
              </ul>
      </div>

如何使用asp菜单控件使用上面的代码。如果我使用asp菜单控件，则无法显示bootstrap主题。

我想在我的bootstrap仪表板中显示以下菜单

How to use above code using asp menu control. if i use asp menu control then bootstrap theme will not display.
I want following menu in my bootstrap dashboard

<asp:Menu ID="Menu1" runat="server">
                   <Items>
                       <asp:MenuItem Text="Help Desk" Value="Employee Management">
                            <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Service Group" Value="Service Group" NavigateUrl="ServiceGroup.aspx"></asp:MenuItem>
                               <asp:MenuItem Text="Service Title" Value="Service Group" NavigateUrl="#"></asp:MenuItem>

                           </asp:MenuItem>
                           </asp:MenuItem>
                       <asp:MenuItem Text="Emp Mgt" Value="Employee Management">
                           <asp:MenuItem Text="Transaction" Value="Transaction"></asp:MenuItem>
                           <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Employee Master" Value="Employee Master"></asp:MenuItem>
                               <asp:MenuItem Text="Location Master" Value="Location Master"></asp:MenuItem>
                               <asp:MenuItem Text="Department Master" Value="Department Master"></asp:MenuItem>
                               <asp:MenuItem Text="Designantion Master" Value="Designantion Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>

                           </asp:MenuItem>
                           <asp:MenuItem Text="Report" Value="Report"></asp:MenuItem>
                       </asp:MenuItem>
                       <asp:MenuItem Text="Fin Acc" Value="Financial Accounting"></asp:MenuItem>
                   </Items>
               </asp:Menu>

我的尝试：

What I have tried:

<asp:Menu ID="Menu1" runat="server">
                   <Items>
                       <asp:MenuItem Text="Help Desk" Value="Employee Management">
                            <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Service Group" Value="Service Group" NavigateUrl="ServiceGroup.aspx"></asp:MenuItem>
                               <asp:MenuItem Text="Service Title" Value="Service Group" NavigateUrl="#"></asp:MenuItem>

                           </asp:MenuItem>
                           </asp:MenuItem>
                       <asp:MenuItem Text="Emp Mgt" Value="Employee Management">
                           <asp:MenuItem Text="Transaction" Value="Transaction"></asp:MenuItem>
                           <asp:MenuItem Text="Master" Value="Master">
                               <asp:MenuItem Text="Employee Master" Value="Employee Master"></asp:MenuItem>
                               <asp:MenuItem Text="Location Master" Value="Location Master"></asp:MenuItem>
                               <asp:MenuItem Text="Department Master" Value="Department Master"></asp:MenuItem>
                               <asp:MenuItem Text="Designantion Master" Value="Designantion Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>
                               <asp:MenuItem Text="State Master" Value="State Master"></asp:MenuItem>

                           </asp:MenuItem>
                           <asp:MenuItem Text="Report" Value="Report"></asp:MenuItem>
                       </asp:MenuItem>
                       <asp:MenuItem Text="Fin Acc" Value="Financial Accounting"></asp:MenuItem>
                   </Items>
               </asp:Menu>

推荐答案

您还没有在 ASP菜单控件中设置任何bootstrap css 。查看本文开始：使用Twitter Bootstrap响应ASP.NET菜单控件 - TechBrij [< a href =https://techbrij.com/responsive-menu-twitter-bootstrap-asp-nettarget =_ blanktitle =新窗口> ^ ]

You haven't set any bootstrap css in your ASP Menu Control. Check this article to get started: Responsive ASP.NET Menu Control With Twitter Bootstrap - TechBrij[^]

这篇关于如何在ASP菜单控件中使用bootstrap的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！