From the course: Bootstrap 5 Essential Training
Join today to access over 24,700 courses taught by industry experts.
Cards - Bootstrap Tutorial
From the course: Bootstrap 5 Essential Training
Cards
- Cards are one of those components that are incredibly flexible. And there's a lot of options that you have for laying out the cards as well as internally in the cards. So let's take a look at how they work. The basic card will be composed of a regular card class or a card container. And then inside that you'll have a number of classes. So you can have a header for the card, a footer, a body and also an image. In the card body, you will get a number of other items that you can put in there. For example, you can have a card title, a subtitle, a card text, and also a link. So let's check these out. Alright so here I try to put in every one of those different classes, you can see that there is a header section as well as a footer section. So here is the main card and cards will default to the width of the container. So if I didn't have this with rate here, it would try to be the width of the container, which would be the entire width of the browser in this case. So that's why in this…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.