From the course: Bootstrap 4 Essential Training

Unlock the full course today

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

Card layouts

Card layouts - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Card layouts

- [Instructor] There is a number of ways to control the layout of your cards. Now some are simpler than others, but some aren't responsive, and you can, of course, use the grid if you want ultimate control over how things look. So let's take a look at how this works. Now there are three specific card layout container classes that you can use. So you can add a card-group class. This one's similar to a button-group. The cards will come together and they will share a border. The second class is called card-deck. This class will add spacing between the columns. It's the standard 30 pixel spacing that you see inside regular columns. Now this is the easiest way to set that up. It takes a few less classes than using the grid, and it's also though, not responsive. We'll see that in just a second. The third one is called card-columns. This creates a real interesting Pinterest-style layout. It's a pretty neat and simple way to…

Contents