javascript - Bootstrap 导航栏折叠不会切换

标签 javascript jquery html css twitter-bootstrap

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

<nav class="navbar navbar-inverse navbar-fixed-top" id="target1">
<div class="navbar-inner">
    <li class="brand hidden-phone" data-target="#"><span style="padding-left: 40px">XXX-XXXX</span></li>
    <li class="brand hidden-phone"><span style="padding-left: 40px">XXX-XXX-XXXX</span></li>        
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".collapse">
            <span class="icon-white icon-bar"></span>
            <span  class="icon-white icon-bar"></span>
            <span  class="icon-white icon-bar"></span>
        </a>

    <span class="nav nav-collapse">
        <ul class="nav">
        <li><a href="contact.php"><i class="icon-white icon-envelope"></i><strong>Mail Us</strong></a></li>
        <li><a href="/livechat/client.php"><i class="icon-white icon-comment"></i><strong>Live Chat</strong></a></li>
        <li class="hidden-phone"><a href=""><i class="icon-white icon-globe"></i><strong>Remote</strong></a></li></ul>
        <li><a href="#approach"><strong>Our Approach</strong></a></li>
        <li><a href="#services"><strong>Services</strong></a></li>
        <li style="padding-left:20px"><a href="#aboutus"><strong>About Us</strong></a></li>
        <li><a href="../pricing/"><strong>Pricing</strong></a></li>
        </ul></span>

    </div>
</nav>

这个导航栏不会折叠或切换到折叠任何想法或建议??

accordion、scroll spy 和其他 java 脚本的工作方式应该只是导航栏的问题 添加了 Bootstrap js 和 css

最佳答案

你的目标是错误的。应该是

        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">

关于javascript - Bootstrap 导航栏折叠不会切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18676224/

上一篇:html - IE 和 chrome 的行高不同

下一篇:html - 如何将我的无序列表设置在中间而不是内嵌(见图)?

相关文章:

javascript - 在 ReactJS 中关闭浏览器选项卡时如何触发弹出窗口?

html - 向右滚动的表格中的粘性标题

jquery - 可展开列表仅在第二次点击后展开

javascript - Canvas 不随页面滚动

javascript - Codeigniter 在更新期间检查现有用户名

javascript - 解析 float 和按钮点击

html - 创建一个填充可用空间的文本区域

javascript - 元素原型(prototype)异常(不是函数或方法)

javascript - 单击复选框的绑定(bind)在 Knockout 中无法正常工作

javascript - 如何在加载时将 <li> 的文本从数字更改为字母?