Android 在引导响应视图中，只能单击图像链接的一角

我在这里不知所措。从桌面查看我的图像库一切都像一个魔咒。但是，当我从手机上查看图像以测试响应性时，我的图像链接只能单击右上角。我更改了浏览器（桌面）的分辨率，得到了相同的结果。我所有的图库CSS都是标准的引导CSS

以下是我可以在响应视图中单击的大致区域的视觉效果：

当我检查我的源代码时，我的超链接覆盖了我的图像：

以及“我的图像”链接的标记：

<div class="col-lg-3 col-md-4 col-xs-6">
 <a class="thumbnail" href="http://example.com/h/500/w/800/a/c/thumb/img/gallery/18FT_Wide_Oil_Filters_2014/18_wide_oil_3.jpg" data-toggle="lightbox" data-gallery="18FT Wide Oil Filters 2014" data-title="18FT Wide Oil Filters 2014">
  <img class="img-responsive img-protected" src="http://example.com/h/250/w/400/a/c/thumb/img/gallery/18FT_Wide_Oil_Filters_2014/18_wide_oil_3.jpg" alt="18FT Wide Oil Filters 2014">
 </a>
</div>

这是我整个图库页面的一部分。如果将页面大小调整为每列上只有2个图像，则您将获得与我相同的结果。

更改此div

<div class="col-lg-12">
         <h4 class="page-header"><span class="glyphicon glyphicon-picture"></span> Wind Tower Hubs 2014</h4>
</div>

2014年风塔枢纽

到

2014年风塔枢纽

它还挺管用的。在较小的屏幕上，它们不可单击，但布局被破坏，将标题放在图像旁边，而不是上面。

<div class="col-xs-12 thumb">
             <h4 class="page-header"><span class="glyphicon glyphicon-picture"></span> Wind Tower Hubs 2014</h4>
 </div>