title: Place an image on an another image in bootstrap
body: <p>How can i place the play.png image on the another image in bootsrap? Horizontal and vertically center.</p>
  
  <p>My code:</p>
  
  <pre><code>echo '&lt;div class="sidebar_youtube_box"&gt;';
          echo '&lt;a href="#" id="'.$vid['sidebar_video_v_id'].'" data-url="'.$vid['sidebar_video_link'].'" class="open_youtube_modal" title="'.$vid['sidebar_video_nev'].'"&gt;
              &lt;img src="'.$host.'/images/youtube/'.$vid['sidebar_video_thumb'].'" class="img-responsive"&gt;
              &lt;img src="'.$host.'/images/assets/play.png" class="img-responsive play_png"&gt;
  
          &lt;/a&gt;';
          echo '&lt;/div&gt;';
  </code></pre>