Несовместимость Bootstrap3 с игроком окружения JPlayer

Question

Я пытаюсь получить привлекательный игровой круг игрока JPlayer: 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

сам Круг плеер включает в себя следующие библиотеки: 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, и он будет выглядеть так, как ожидалось.