我使用 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 切换一次或此处twitter-bootstrap Collapse 在第一次单击后停止工作不应该是错误，其中 $.support.transition 被另一个库覆盖。
非常感谢您的任何建议！
它在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 文件，我无法告诉您更多信息 - 但希望这可以为您指明正确的方向！！