• Thursday , 22 August 2019

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

Code Canyon
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

3d Ocean

Related Posts

6 Comments

  1. Med Dhia
    July 9, 2019 at 14:00

    What's that text editor

  2. Vir Surya Ircas
    July 9, 2019 at 14:00

    dead link

  3. MikeOnDa Mic
    July 9, 2019 at 14:00

    great video thanks!

  4. pawan madushan
    July 9, 2019 at 14:00

    i love ur tut keep it up the good work 🙂

  5. Synthetic-Metals.com
    July 9, 2019 at 14:00

    Need to show users the CSS code that accompanies your HTML text.

  6. Lamont Junior
    July 9, 2019 at 14:00

    Awesome! Thanks.

Leave A Comment

You must be logged in to post a comment.