Twitter bootstrap 引导img响应导致超链接跨越整个列

下面的代码创建一个超链接图像

<div class="row" style="padding-top: 25px;">
    <div class="col-xs-12">
        <a href="http://www.aibd.org" target="_blank">
            <img src="/images/aibd_logo.png" class="img-responsive" style="padding: 5px; height: 125px; background-color: #ffffff; margin: 0 auto;" />
        </a>
    </div>
</div>

如您所见，div跨越所有12个引导列。图像包含在超链接中。我在图像上使用“img响应”类。“边距：0自动”使图像在列中居中

问题是：

当您将鼠标悬停在浏览器中的图像上时，您将获得预期的“手指”光标。但是，如果将光标移离图像，向左或向右移动，但仍在同一引导行内，则即使光标不在图像顶部，光标仍会给您“手指”。如果单击，它将导航到链接页面。即使您不再将鼠标悬停在图像上，它仍能识别超链接

如果转到并将鼠标悬停在页面底部的AIBD徽标上，则可以看到此行为

---

这是引导程序中的错误吗？有人知道这个问题的解决方案吗？

另一个解决方案是在

col-xs-12

上使用

text center

（实际上，在这种情况下您不需要行和列，简单的

div

就足够了），而不需要

img responsive

类（您可以应用<代码>最大宽度：125px；最大高度：125px < /代码>如果您考虑将其显示在指甲上；.

这不是引导中的错误，这是预期的行为。img responsive分配img

显示：块

，使其成为块元素。您可以分配图像

显示：内联块；

并删除边距：自动，在不强制其为块元素的情况下获得相同的大小调整效果。然后设置文本对齐：在div上居中要居中放置

a

请检查插入内联CSS代码。 对链接使用style=“cursor:default；”，对图像使用cursor:pointer

我希望你能看到解决办法

---

太棒了！谢谢！