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

开发者社区> 问答> 正文

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

2016-03-26 15:32:52 2385 1
<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>
取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:16:20

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

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57017浏览量 回答数 19

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 49908浏览量 回答数 43

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 47124浏览量 回答数 19

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146095浏览量 回答数 31

15

回答

网页挂马及暗链检测

yundun1 2012-02-24 17:40:01 47254浏览量 回答数 15

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305731浏览量 回答数 249

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 80505浏览量 回答数 13

20

回答

【Java学习全家桶】1460道Java热门问题,阿里百位技术专家答疑解惑

管理贝贝 2018-05-31 13:57:45 46098浏览量 回答数 20

46

回答

H5技术百问——不懂H5你就OUT啦

yq传送门 2017-09-09 11:03:04 47461浏览量 回答数 46

3

回答

Nginx—owncloud安装记事

寒喵 2014-06-07 23:24:41 48760浏览量 回答数 3
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载