3,327 views

Just add the class "img-responsive" on the image tag to make it "responsive", the width and height of the image will automatically adjust to fit the screen on other devices, even on tabs, or on any of today's high-end mobile phones.

By Rnel, on May 09, 2015, under Bootstrap Tutorials
 
<img class="img-responsive" src="images/lion.jpg" />
 

Browser

 

Mobile, not responsive

 

Mobile, responsive

 
 

To center it on the screen, read the tutorial How To Center A Photo With A Class "img-responsive" in Bootstrap 3