JqZoom和Twitter的引导冲突(JqZoom and Twitter Bootstrap C

这里有一个的jsfiddle 。

采用内变焦（尽管它不与任何变焦工种），它应该工作就像这样： http://www.mind-projects.it/projects/jqzoom/demos.php#demo4

有任何想法吗？ 似乎是引导的响应性质的问题。 删除引导的max-width:100% CSS声明的img标签提高了一点，但仍然打破。

Answer 1:

你需要覆盖最大宽度。

.zoomWindow img {max-width:none}

Answer 2:

我有同样的问题。 我固定它添加此：

.zoomWrapperImage img{
  max-width: none;
}

Answer 3:

你可能想添加一些其他的修复img max-width:100%

此代码可以实例化jqzoom后马上去：

jQuery('.zoomPup img').css('width', jQuery('.zoomPad img').width() );
jQuery('.zoomPup img').css('height', jQuery('.zoomPad img').height() ); 

而这在一般的CSS：

.zoomPup img {max-width:none; max-height: none;}
.zoomWindow img {max-width:none; max-height: none;}

文章来源: JqZoom and Twitter Bootstrap Conflict