Bootstrap CSS Tutorial #4: How to Create Responsive Images with Bootstrap



https://i.ytimg.com/vi/9I8bjebiLoo/hqdefault.jpg



White Hat Hacking: https://goo.gl/XNEni8
Tutorial Files: https://goo.gl/y19mQG

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.

Original source


6 responses to “Bootstrap CSS Tutorial #4: How to Create Responsive Images with Bootstrap”

Leave a Reply