Bootstrap CSS Tutorial #4: How to Create Responsive Images

White Hat Hacking:
Tutorial Files:

In this fourth Bootstrap video tutorial, I show you how we can create 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 finish 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.