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 - 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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.