## Vanilla

No class for comparison:

## Rounded Corners

The .rounded class adds rounded corners to an image:

## Vanilla

No class for comparison:

## Rounded Corners

The .rounded class adds rounded corners to an image, but this doesn't work with this image:

## Circular

A circular image:

## Thumbnail

A thumbnail image:

## Aligning images

Use the float classes to float the image to the left or to the right:

And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?
And where does this text appear? And where does this text appear? And where does this text appear?

## Responsive Image

The .img-fluid class makes the image scale nicely to the parent element (resize the browser window to see the
effect):