want to make a thumbnail image with a block button on it and it should be responsive, both the image and button on it
<p><a href="http://i.stack.imgur.com/or3Qf.png" rel="nofollow">I WANT IT TO BE LIKE THIS </a><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>http://www.patient-experience.org/Images/Stock-Art/For-Patients.aspx</code></pre>
</div>
</div>
</p>

<p>I want to make a responsive thumbnail image with a button on it , and the button should take the size of the image inside the thumbnail .
I am using bootstrap 3 , and using these classes for the above above div.
img-responsive, img-thumbnail, btn , btn-block . !!
can someone please help me ?</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css"&gt;
&lt;div class="col-md-12"&gt; &lt;img src="http://www.patient-experience.org/Images/Stock-Art/For-Patients.aspx" class="img-thumbnail"&gt; 
&lt;button class="btn btn-block"&gt;submit&lt;/button&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>