bootstrap响应式导航栏点击collapse的按钮没有反应,不会向下展开-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

bootstrap响应式导航栏点击collapse的按钮没有反应,不会向下展开

<nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../" class="navbar-brand">社区</a>
        </div>
        <div class="navbar-collapse navbar-ex1-collapse collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li class=""><a href="">论坛</a></li>
                <li class=""><a href="">博客</a></li>
            </ul>
        </div>
    </div>
</nav>

展开
收起
a123456678 2016-03-26 15:32:52 2850 0
1 条回答
写回答
取消 提交回答
  • a123456678

    楼主你好。之前回答了一次,不知道因为我自己给删了还是因为楼主也删了,居然给扣了5分声望。。好伤心。。。
    我本地测试了下。首先,如果button使用navbar-toggle修饰的话,好像只有窗口足够小的时候才能出现button。
    其次,对于手风琴效果,我的建议不使用data-toggle="collapse"而是通过JS来进行控制。将你的代码修改后如下,仅供参考,我也项目有需要,才刚刚学习的前端。
    sf贴代码有点问题,只能换成截图。
    screenshot

    2019-07-17 19:16:20
    赞同 展开评论 打赏
问答分类:
相关产品:
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载