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.

Card content classes

Card content classes - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Card content classes

“

- Now if you remember from the last video, the basic container should have a card class, and we should at least have an element that has a card body as a container of some of the content in your cards. But then of course, you can also have a card header, as well as a card footer. In addition to that, you can also have the card image class, but there's a couple of variants, and one of them is card-img-top. That's obviously for if you want to have an image at the top of your card that sits outside sort of the border of the main content, and then you can have a card image bottom if you want to have a card at the bottom. Now, you can also have something called a card image overlay. That's just in case you want to have some content that sits on top of an image, so I'll show you how to do that. And although list groups are a different component, you'll see them used often, so you have the normal list group container class that will go around the elements, and then inside that, each of the…

Contents