hover - How to make an entire bootstrap thumbnail clickable (for mobile and tablet) -

hover - How to make an entire bootstrap thumbnail clickable (for mobile and tablet) -

using bootstrap3, trying create page few thumbnails leading different links. have figured out how create hover effect text , link confused how can used mobile , tablet there no hover those.

i wondering how create entire thumbnail clickable? , thought create so?

here bootply link see mean http://www.bootply.com/ouubxv4ope

making entire thumbnail clickable thought in terms of user accessibility , in fact, easy make.

according code:

<div class="col-sm-4"> <div class="thumbnail"> <!-- place anchor tag here cover both caption , image --> <a href="#" class=""> <div class="caption"> <h4 class="">thumbnail headline</h4> <p class="">lorem ipsum dolor </p> </div> <img src="http://lorempixel.com/400/300/technics/1/" alt="..." class=""> </a> <!-- anchor tag ends covering both image , caption --> </div> </div>

demo (the first 3 thumbnails)

twitter-bootstrap hover thumbnails