我在静态html引导程序站点中有一个使用Lighbox的库。 它适用于Chrome,Safari等,但不适用于FireFox。 img-responsive功能似乎在缩略图上起作用。 任何有益的帮助。
答案 0 :(得分:1)
你应该帮助" col"类的直接父类的类,以查看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; }