【问题标题】:Twitter Bootstrap Collapse / Responsive Nav not working in FF / ChromeTwitter Bootstrap Collapse / Responsive Nav 在 FF / Chrome 中不起作用
【发布时间】:2013-06-24 22:20:19
【问题描述】:

我使用 Twitter Bootstrap 制作了一个简单的响应式页面:http://jsfiddle.net/5YNmm/3/

响应式导航和任何折叠切换在 FF 和 Chrome 中只能工作一次。 在 IE 中它们可以完美运行。

折叠示例是从引导站点复制的:

<button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">Press me to toggle</button>
<div id="demo" class="collapse in"> Collapsible Content, initially shown </div>

由于我没有包含任何其他 js,所以这里的错误不应该是 Bootstrap nav-collapse toggles oncetwitter-bootstrap Collapse stops working after first click,其中 $.support.transition 被另一个库覆盖。

非常感谢您的任何建议!

【问题讨论】:

    标签: javascript twitter-bootstrap


    【解决方案1】:

    它在 css 文件中。我在这个小提琴更新中所做的只是删除你的两个 css 文件(显然没有在小提琴上加载)

    <link rel="stylesheet" type="text/css" href="./bootstrap_files/stylesheet_427bb03fe1.css" media="all">
    <link rel="stylesheet" type="text/css" href="./bootstrap_files/frontend.css" media="all">
    

    并将其替换为引导 CDN 托管的 CSS 文件

    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
    

    它现在可以在 chrome 和 firefox 上折叠和扩展。小提琴链接在这里:http://jsfiddle.net/5YNmm/6/

    由于无法访问 css 文件,我无法告诉您更多信息 - 但希望这可以为您指明正确的方向!!

    【讨论】:

    • 你说得对,我确定不包括 component-animations.less。添加它使其工作。但即使在查看 Bootstrap 页面后,我也找不到它作为依赖项......
    • Bootstrap 文档是出了名的不完整。将其作为拉取请求放在 github 上供下一个人使用 :)
    猜你喜欢
    • 2017-12-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-22
    • 2012-03-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多