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" />



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