From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

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

Using the card layout classes

Using the card layout classes - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Using the card layout classes

“

- [Instructor] For our last layout, I'm going to use one of the new set of classes that Bootstrap gives you called Cards. It's a way of achieving a layout that will fit within this card that's in a border, and you can put images in it, it's pretty cool, it's a little bit difficult to lay out, especially when you want it to be your responsive, and control the break points, so I'm gonna show you how to lay it out with the grid which is usually the way that I end up doing it when I do a project, there are other ways to lay things out with cards, and if you wanna learn more about that, make sure you take a look at the Bootstrap Four Essential Training course, so we're gonna get started by creating our sort-of container, so this is gonna be another section, and this is gonna have a class, this is gonna have a class of layout cards, and I'm gonna put this in a container, because it is going to go in a series of rows and columns, and we'll talk about how that works, and so then I'm gonna…

Contents