Question

我的标题中有一个徽标图像，我有标准代码，浏览器源代码甚至显示它，但链接不会去任何地方。请参阅以下内容：

<a href="index.html"><img class="img-responsive hidden-xs" src="img/sitewide-images/logo.png" width="106" height="106" alt=""/></a>

以下是测试服务器上的实时链接：http://wsieworksstaging.com/ptmw/index.html

Answer 1

Bootstrap 应为container＆gt; row＆gt; column

您没有将这些列放在一行中，因此下面的行不会清除并覆盖它。试试这个：

<div class="container">

    <div class="row"> <!-- wrap with a row to force the content below to clear  -->

        <div class="col-md-2 col-sm-2">..</div>

        <div class="col-md-10 col-sm-10">..</div>

    </div>

    <div class="row">

        <nav class="navbar navbar-default navbar-inner" role="navigation"> .. </nav>

    </div>

</div>

<小时/> 的 From The Documentation

行必须放在.container（固定宽度）或.container-fluid（全宽）内，以便正确对齐和填充。使用行创建水平的列组。

Answer 2

因为带有类行的div位于其上方并阻止任何点击。 <\ n>添加clear:left以使其脱离，链接将变为可点击。

Answer 3

您还可以尝试为该锚点提供绝对position和z-index值。

a[href="index.html"] {
    position: absolute;
    z-index: 1;
}

Bootstrap Image Link无法正常工作

3 个答案: