Bootstrap Image Link无法正常工作

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

引导应container> row>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>

来自文档

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