如何使用twitter bootstrap使colorbox响应？

Question

我已经能够将colorbox实现到boostrap中并且它正在工作，但是在让它响应时遇到了问题。我的意思是，如果页面是完整大小，图像或幻灯片将在彩色框模式中正确打开，但它不会缩小到缩小浏览器的屏幕大小。它在缩小的响应模式下打开全尺寸，导致您必须滚动才能看到图像或关闭它。我知道可以使用以下方式缩放轮播：

img {max-width：100％;}

当正确使用或调用时，引导模式也会自然地作为其功能的一部分进行缩放。

我仍然在学习所有这些，并且在网上找到几个不太相似的帖子之后尝试了很多但没有成功。

任何见解都将受到赞赏。

再次感谢.....

Answer 1

这个问题不一定与bootstrap相关。

我发现一篇类似的帖子讨论了这个颜色框主题，以及它给官方彩盒网站提供解决方案的答案之一。

我可以确认这个答案有效。 https://stackoverflow.com/a/13105833/728675

Answer 2

在colorbox.js的缩小版本中搜索sting＆＃34; initialWidth：＆＃34; 600＆＃34;，innerWidth：！1，maxWidth：！1，＆＃34;并用initialWidth替换它：＆＃34; 600＆＃34;，innerWidth：！1，maxWidth：＆＃34; 100％＆＃34;，＆＃34;

在非缩小版本中（如果您正在使用它）替换＆＃34; maxWidth：false，＆＃34;使用＆＃34; maxWidth：100％，＆＃34;