Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title>mobile</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/legend.css" rel="stylesheet">
</head>

<body>
    <ul class="media-grid">
        <li>
            <a href="#">
                <legend style="legend { margin:3px; text-align:center;width:100%}">Caption</legend>
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img class="thumbnail" src="http://placehold.it/140x90" alt="">
            </a>
        </li>
    </ul>
</body>

</html>