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 - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.