More Card Content Types

2 minutes
Share the link to this page
Copied
  Completed
Cards support a wide variety of content, including images, text, list groups, links, and more. Below are examples of what’s supported

Transcript

Hello in this bootstrap four video, we're going to cover more content types for cards. Simply put, you can pretty much put anything you want in a card, whether that's images, list groups, links, texts, imbedded contents, social videos, literally wherever you want, and they actually match the style or the layout of the quarter, you have to do very little to no styling to make you look good with the class was really amazing about it. This video, we're just going to simply cover the content type that is added on the bootstrap website in their documentation. So she's just in this group, but to add something else, you just add it as you would normally on an HTML page. So like someone's gonna add a list group. So for this go to a content right here cuz obviously let's go back to here, we got our image, got our main blocks up block is this right here, and you can add stuff in there.

Or you can create another, another block if you want to, you're not limited to one block. So if you want some more text title, that sort of stuff, you can easily do that. Or you can just add your item. That's what we're gonna do. So, we're gonna add an ordered list. Class equals list group.

Obviously, like I said, you can add what you want to add in a list group, just to showcase this to you that you don't need to do anything special to make it work inside of a card. So class equals list dash group dash, I term item one. I'm going to copy and paste that to free. No, this is not An item saved up. Let's go to our web browser refresh. And there you go.

We have our list group that integrated nicely into our card. As you can see, we got the items one by one, but they match the width of the card. We haven't done anything to do that. It just does. So that's how you add more content to your card log said, whatever you want. There's not much more to it than that.

If you have any questions, feel free to post them on sonar learning Dakota, UK, forward slash question dot php, there'll be a link in the description. Please rate, comment and subscribe as it doesn't really help keep the content free. Plus he also helps us provide more content to you on a regular basis, like this great video. And as usual, thank you for watching, and I hope you have a great day.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.