Twitter Bootstrap折叠/响应导航无法在FF / Chrome中运行

时间:2012-11-14 11:23:23

标签: javascript twitter-bootstrap

我使用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>

由于我不包含任何其他j,因此不应该是Bootstrap nav-collapse toggles oncetwitter-bootstrap Collapse stops working after first click中的错误,其中$ .support.transition会被另一个库覆盖。

非常感谢任何建议!

1 个答案:

答案 0 :(得分:2)

它在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">

并将其替换为bootstrap 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文件我无法告诉你更多 - 但希望这应该指向你正确的方向!!