Lightbox bootstrap img-responsive不能在FireFox中工作

时间:2015-02-25 22:40:30

标签: twitter-bootstrap firefox lightbox

我在静态html引导程序站点中有一个使用Lighbox的库。 它适用于Chrome,Safari等,但不适用于FireFox。 img-responsive功能似乎在缩略图上起作用。 任何有益的帮助。

Here is a link to the site

2 个答案:

答案 0 :(得分:1)

你应该帮助&#34; col&#34;类的直接父类的类,以查看img响应类工作。 由于img-responsive类将图像宽度设置为父级的宽度,因此您需要具有包含图像的设置宽度的元素。为确保响应性,您在父级上设置的宽度应为百分比。  您可以删除各种<div class="col-md-3 col-sm-6">并将这些类添加到包含的<a>标记中,如下所示:

<a class="example-image-link col-md-3 col-sm-6" data-title="Selection of various components made at Vixen" data-lightbox="example-set" href="images/components-01.jpg">

等等。

答案 1 :(得分:1)

让你的阻止:

a.example-image-link {display: block; }