From the course: Bootstrap 4 Migration

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Advanced card layouts

Advanced card layouts - Bootstrap Tutorial

From the course: Bootstrap 4 Migration

Advanced card layouts

- [Narrator] There are a number of ways to control the layout of your card elements. Some are simpler than others, and what's mainly different is how the elements align and the amount of customization between each of the methods. So first of all you can try traditional layout methods, which would include using the column grid, or using Flexbox as your grid. Now, columns are going to be a little bit easier, especially to control what happens in between each column. Flexbox is going to give you the most amount of options, but with either of these methods it's going to require a lot of extra markup. Bootstrap does provide a number of layout classes, and what you do is you place them within containers. The first one is called card-group. What it will do is it will create sort of a button group type list that has shared borders, and it's sort of a combined outline between the elements. The difference here is that when you use the other methods you've got two different cards coming against…

Contents