From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Work with images

Work with images - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Work with images

“

- [Instructor] Bootstrap has some really useful classes that can help you deal with images. So let's take a look at those. The most common one is called img-fluid. This creates a responsive image that automatically adjusts to the width of the container, and it makes the height proportional, so it looks really nice. And there's also an additional style that adds a one pixel - There's also some other styles that let you control the roundness of the images. So if you wanted to have round edges around the image, you can specify a side, so you can say and you can also specify a shape, so you can say rounded-circle or rounded-pill. And finally you can also specify one of these other values, so you can say rounded-zero, which will clear out any roundness that the image would currently have, or rounded-sm for a small sort of round edge, or rounded-lg for a slightly sort of larger width or roundness edge, so kind of a larger radius of the image. Now I put these like this just to show you that…

Contents