css - 如何使用响应式 bootstrap css 设置 asp.net 菜单控件的样式

Question

http://techbrij.com/responsive-menu-twitter-bootstrap-asp-net

我点击此链接使菜单控件响应，但没有运气。有人可以告诉我此链接中有什么问题吗？

我在代码中复制了下面的代码，以查看它在调整浏览器大小时如何响应。我注意到悬停功能仍然有效，而不是点击 ipad 模式。

<div class="navbar">
<div class="navbar-inner">
    <div class="container">
     <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
        <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </a>
    <!-- Everything you want hidden at 940px or less, place within here -->
        <div class="nav-collapse collapse">
            <asp:Menu ID="NavigationMenu" runat="server" EnableViewState="false"
                IncludeStyleBlock="false" Orientation="Horizontal"
                CssClass="navbar navbar-fixed-top"
                StaticMenuStyle-CssClass="nav"
                StaticSelectedStyle-CssClass="active"
                DynamicMenuStyle-CssClass="dropdown-menu">
                <Items>
                    <asp:MenuItem Text="Home" ToolTip="Home"></asp:MenuItem>
                    <asp:MenuItem Text="Music" ToolTip="Music">
                        <asp:MenuItem Text="Classical" ToolTip="Classical" />
                        <asp:MenuItem Text="Rock" ToolTip="Rock" />
                        <asp:MenuItem Text="Jazz" ToolTip="Jazz" />
                    </asp:MenuItem>
                    <asp:MenuItem Text="Movies" ToolTip="Movies">
                        <asp:MenuItem Text="Action" ToolTip="Action" />
                        <asp:MenuItem Text="Drama" ToolTip="Drama" />
                        <asp:MenuItem Text="Musical" ToolTip="Musical" />
                    </asp:MenuItem>
                </Items>
            </asp:Menu>
        </div>
    </div>
</div>

Answer 1

你好，据我所知，这段 js 代码会对你有所帮助

<script type="text/javascript">
    //Disable the default MouseOver functionality of ASP.Net Menu control.
    Sys.WebForms.Menu._elementObjectMapper.getMappedObject = function () {
        return false;
    };
</script>