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

Bootstrap должен быть 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> 

---

From The Documentation

Строки должна быть размещена в пределах .container (фиксированная ширина) или .container-жидкости (полная ширина) для правильного выравнивания и заполнения. Используйте строки для создания горизонтальных групп столбцов.

Answer 2

Поскольку ваш DIV с классом подряд сидит на нем и блокирует любые клики. Добавьте clear:left, чтобы он убирался с дороги, и ссылка станет кликабельной.

Answer 3

Вы также можете попробовать дать этому якорю абсолютное значение position и значение z-index.

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