首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >(asp.net)引导带4导航开关不工作

(asp.net)引导带4导航开关不工作
EN

Stack Overflow用户
提问于 2019-08-14 09:48:24
回答 1查看 1.4K关注 0票数 1

我在asp.net (.net框架)中使用引导程序4。当我从个人电脑上将网站视图更改为移动视图时,导航开关图标按钮就可以工作了。当我按下切换图标按钮时,导航栏的内容没有显示。导航条折叠标识与数据目标相同,但仍然不起作用,你能帮帮我吗?这是我的代码:

代码语言:javascript
复制
<nav id="navbar" class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
        <a class="navbar-brand" href="/index.aspx">
            <img class="logo" src="img/Logo/logo_Rueston.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="navbar-collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav navbar-center ml-auto">
                <li class="nav-item ml-3">
                    <a class="nav-link" href="/index.aspx">Home<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item ml-3">
                    <a class="nav-link" href="#">About</a>
                </li>
                <li class="nav-item ml-3">
                    <a class="nav-link" href="#">Products</a>
                </li>
                <li class="nav-item ml-3">
                    <a class="nav-link" href="#">Rueston Water</a>
                </li>
            </ul>
            <ul class="navbar-nav ml-auto">

                <li class="nav-item ml-3">
                    <a class="nav-link" href="#">
                        <asp:Label ID="lbLogin" runat="server" Text="Login"></asp:Label>

                    </a>
                </li>
                <li class="nav-item ml-3">
                    <a class="nav-link" href="#">
                        <asp:Label ID="lbSignup" runat="server" Text="SignUp"></asp:Label>

                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>

下面是演示图片:

在按下切换按钮之前:

按下按钮后

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-08-14 09:54:03

将按钮中的data-toggle="navbar-collapse"更改为data-toggle="collapse"

代码语言:javascript
复制
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/57492269

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档