Bootstrap3与JPlayer Circle Player的不兼容性

时间:2013-12-22 15:24:59

标签: javascript jquery twitter-bootstrap jplayer

我正试图让JPlayer看起来很漂亮的Circle Player: http://jplayer.org/latest/demos/ 使用Bootstrap3。它适用于Bootstrap 2.3。 似乎存在不兼容性。如果有人知道如何解决它,或者可以找到它,那肯定会很棒。我认为这也可能会影响其他人。 我无法在网上找到解决方案。

以下是一些细节: 1.圆形播放器在未加载引导程序时正常工作。 2.当包含以下内容时,圆形播放器可正常工作: //netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css 3.包含以下内容时,圆形播放器无法正常显示: //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

1 个答案:

答案 0 :(得分:7)

我刚刚碰到这个,发现这是因为Bootstrap 3将“box-style:border-box”应用于通用选择器*(参见Release Notes)。只需应用“box-sizing:content-box;”到.cpContainer,它将按预期显示。