我能够重现您的问题,但我找到的解决方案与 Chrome 无关。
我发现插件代码中缺少一些 CSS 代码和一些“错误”。我已经写了一个 PR 来解决这个问题,请参阅:https://github.com/twbs/bootstrap/pull/15104
Demo: http://jsfiddle.net/zu5ftdjx/
要在当前代码中修复此问题:
在崩溃.js 中:
第104行应该变成this.$element[dimension](this.$element[dimension]())[0][$.camelCase(['inner', dimension].join(''))]
less(在组件动画中)
.collapsing {
position: relative;
height: 0;
overflow: hidden;
.transition-property(~"height, visibility");
&.width {
.transition-property(~"width, visibility");
width:0;
height:auto;
}
.transition-duration(.35s);
.transition-timing-function(ease);
}
css(前面的 Less 代码的编译输出)
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: auto;
}