From the course: Bootstrap 4 Essential Training

Unlock the full course today

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

Basic card layouts

Basic card layouts - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Basic card layouts

“

- [Instructor] Cards are a new design element in Bootstrap 4 and it can help you lay out your content into card-like containers that look great and have as a small outline around them. There are a ton of options in terms of the classes that you can use so we'll take a look at the basic classes in this video and then I'll show you how to work with some of the classes that control content inside the cards in the next video. First of all, you need to have at least one main container with the class of card. Then inside that main container, you should have another container that has the class of card-body. This is where your content would go. And inside the card-body, you're going to have a series of classes that will identify the type of content that each of the element inside your card should have. So if you have any text say in a paragraph, you want to give it a class of card-text. The title should have a class of card-title, et cetera. These classes are designed to give the cards their…

Contents