javascript - Bootstrap3与JPlayer Circle播放器不兼容

Question

我正在尝试获取 JPlayer 的漂亮的 Circle Player: http://jplayer.org/latest/demos/与 Bootstrap3 一起使用。它适用于 Bootstrap 2.3。似乎存在不兼容的情况。如果有人知道如何修复它或能够找到它，那肯定会很棒。我认为这可能也会影响其他人。我在网上没找到解决办法。

以下是一些详细信息:1.在bootstrap未加载的情况下，Circle播放器可以正常工作。2. 当包含以下内容时，圆形播放器可以正常工作://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css3. 当包含以下内容时，圆形播放器无法正常显示://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css

Circle Player 本身包含以下库:jquery.transform2d.js、jquery.grab.js、mod.csstransforms.min.js、circle.player.js

使用以下 Bootstrap 3 主题: https://wrapbootstrap.com/theme/3-in-1-admin-front-end-e-commerce-WB0G69690

Answer 1

我刚刚遇到了这个问题，发现这是因为 Bootstrap 3 使用通用选择器 * 应用了“box-style: border-box”(请参阅​​ Release Notes )。只需应用“box-sizing: content-box;”到 .cpContainer，它将看起来像预期的那样。