Bootstrap can be used to style images we can create rounded corners circular shapes and even thumbnails
to add rounded corners.
We simply need to add the image rounded class to the image element on the left hand side here.
You can see that we have an image element inside of our container the image element contains a source
width and height we'll go ahead and add a class to this image.
Image dash rounded.
Now I've saved the file in and before I refresh the browser.
Just look at the edges of the image you'll notice right now.
They're perfectly straight.
Now if I refresh you'll notice that the corners have now rounded
we can also shape the image into a circle using the image circle class
just save the file and refresh and you can see it takes on a circular shape.
The image thumbnail class.
What this does is it adds a light thin border around the image and the border it's corners are also
slightly rounded so it just gives it that thumbnail appearance.
You can make any image responsive by adding the image responsive class but what I'll do just to show
you how this works is I'll remove the class altogether for now and I'll refresh the page.
Watch what happens as we scale this browser window smaller and smaller you'll see that the image is
not responsive meaning it's staying the same size as we're reducing the size of the viewport.
We can make the image responsive by by just adding the image responsive.
Class
and now when we resize the browser window you can see that it scales with the viewport.