【发布时间】：2014-07-18 11:11:04
【问题描述】：
我正在使用 Twitter Bootstrat Freelance 主题 (http://startbootstrap.com/templates/freelancer/) 并已合并 Own Carousel.js (http://www.owlcarousel.owlgraphic.com/demos/demos.html)。
除了当我单击图像以在模式窗口中查看它时，一切都运行良好，它会显示错误的大小 - 直到我调整浏览器窗口的大小，或刷新页面，或者例如按 f12。然后它似乎“自我修复”。
不确定这是 js 冲突问题还是我在做一些愚蠢的事情（我对 js 很陌生）。我查看了控制台，没有看到任何错误，我也尝试了不同版本的 jquery 和 bootstrap，但没有区别。
我在这里创建了一个 jsfiddle http://jsfiddle.net/johnny_s/34L6t/2/ 如果您查看 jsfiddle，请尝试单击图像，一旦它在模式窗口中打开，稍微调整屏幕大小，您就会明白我的意思。它不知何故突然修复了自己。
我将不胜感激有关此问题的任何帮助或指导，因为我正在尝试创建一个需要很快完成的个人项目：s
【问题讨论】：
-
嗯，适合我。你能更详细地描述一下，也许用截图，你的意思是什么？如果我打开模态（在 Chrome 中），图像似乎是完整的 witdh..
-
感谢您观看 Sebsemilia。如果单击其中一个项目，您将看到一个新窗口打开，三个图像一个在另一个之上。但是，如果您在所有图像都合并为一个并开始滚动时调整屏幕大小（这是在窗口初始打开时应该发生的情况）。我会尝试获取一些屏幕截图。我也在使用 chrome，虽然在 ffox 和 IE 上进行了测试。当您说它适合您时，您的意思是图像可以正常打开和滚动吗？
-
不，现在我知道你的意思了。目前我也看到上面的三张图。。我看看问题出在哪里。。
-
对不起，我尝试了我能想到的一切，但没有成功。我认为它以某种方式连接到
float: leftfor.owl-carousel .owl-item。它只是在调整大小后才起作用，这对我来说毫无意义。我希望其他人能找到解决方案，现在我也对它很感兴趣。 -
非常感谢您试用 Sebsemilia。我整个星期都在尝试，但没有成功。我也希望有人能解决这个问题。所以它必须是一个css问题而不是一个js问题？再次感谢，我很感激。
标签： javascript jquery twitter-bootstrap owl-carousel