Twitter bootstrap 3 如何使旋转光标的owl转盘在引导中工作？

我一直在努力使约翰·希金斯（）的这个猫头鹰旋转木马与bootstrap一起工作

当鼠标悬停在旋转木马图像上时，此主题使光标的行为类似于“上一步”和“下一步”按钮。但是，当我把html放入一个有响应的引导容器中时，它似乎会以某种方式弄乱光标

扩展浏览器宽度时，您会注意到箭头不会从右向左切换。请看一下小提琴

我已经设置了.cursor.cursor\uuuu icon position=absolute，这似乎有帮助，但它的行为仍然很奇怪

我尝试了大量不同的设置，但没有任何好结果

---

我们将非常感谢您的帮助-提前感谢

很高兴Codepen示例对您有用

看起来问题在于旋转木马的左边缘不在0px（窗口最左边），而是在屏幕的中间。我的示例没有说明这种情况，因为旋转木马水平填充了视口

希望这把小提琴能解决以下问题：

所作的改动是：

CSS：使旋转木马和图像的宽度为100%，而不是800px（这样它将响应地填充您设置它的父对象的宽度）

JS：更改initLayout以说明旋转木马不在屏幕最左侧时的情况

var _initLayout = function () {
    left = $element.offset().left;
    right = left + ($element.width() / 2);
};

JS：添加resize事件以在调整窗口大小或旋转设备时重新计算左/右位置

var _initEvents = function () {
    $element.on('mousemove', _mousemove)
        .on('click', _click);
    $(window).on('resize', _initLayout);
};

---

乔恩，你就是那个人-用丹麦语说“达根斯·曼德·斯凯索夫”！！感谢无问题：）如果它回答了您的问题，请“标记为已回答”（）

var _initLayout = function () {
    left = $element.offset().left;
    right = left + ($element.width() / 2);
};

var _initEvents = function () {
    $element.on('mousemove', _mousemove)
        .on('click', _click);
    $(window).on('resize', _initLayout);
};