我使用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 once或twitter-bootstrap Collapse stops working after first click中的错误,其中$ .support.transition会被另一个库覆盖。
非常感谢任何建议!
答案 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文件我无法告诉你更多 - 但希望这应该指向你正确的方向!!