When you work with cards in Bootstrap, you have some great options for how to lay them out. You can, of course, create the layouts using the standard bootstrap grid with containers, rows, and columns, but there are some instances where other methods are better. You can place cards in a card-group container, use card decks, or card columns. Each of the options gives you different looks, so make sure you check these out.
- [Voiceover] In the previous video,…I showed you how to work with basic card layouts.…Now when you work with Bootstrap,…you have a few different options on how to lay them out.…I also showed you in the previous video…how to work with the standard Bootstrap grid.…So of course you can create layouts with cards…using the regular Bootstrap grid…with containers, row, and columns,…but here are some instances where you can use other methods.…First you can use something called a card-group.…What you do is you create a card-group container…and then put the individual cards in there.…
They'll join together into a single unit…with shared borders.…There's another option called a card-deck.…If you use this card-deck class,…you'll have a layout that is similar to what happens…when you use the columns,…but they will be automatically placed…with a little bit of space in between them,…and they'll never sort of go to the next row.…So we'll take a look at that in a minute.…Now whenever you do that,…you do need to add an additional card-deck wrapper.…
- Installing the upgrade
- Using Reboot.css
- Using the new grid
- Working with new navigation and card components
- Understanding table and form changes