How to make a full boot sketch (for mobile devices and tablets)

Question

Using Bootstrap3, I am trying to make a page with several thumbnails resulting in different links. I figured out how to make the hover effect with text and a link, but now I'm confused about how it can be used with a mobile phone and tablets, since there is no guidance for them.

I am wondering how to click for the whole screen? and is it good to do this?

Here is a link for you to see what I mean http://www.bootply.com/OuUBXv4ope

Answer 1

- .

:

<div class="col-sm-4">
    <div class="thumbnail">
        <!-- Place the anchor tag here to cover both your caption and 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 and caption -->
    </div>
</div>

DEMO ( 3 )