Bootstrap CSS Tutorial #4: How to Create Responsive Images with Bootstrap
White Hat Hacking:
In this fourth Bootstrap video tutorial, I show you how we can make responsive images using Bootstrap. To do so, we first add a few images to our site, using the same column size as before. From there, we add a few different classes to test things out, including img-responsive, img-circle, img-thumbnail, and img-rounded. All of these change the look and feel of our images.
Next, we end off the tutorial looking at how to add a caption and read more button to our images as well as add a border either around all our content or just the image itself with the Bootstrap thumbnail class.