Making custom cards
Bootstrap provides you with many CSS components to build your design. In the Making custom buttons recipe, you can read about the button component. In this recipe, you will learn how to use and reuse the cards component. Cards are a brand new component to Bootstrap in version 4. Cards replace wells, panels, and thumbnails used in earlier versions of Bootstrap.
Note
A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.
Getting ready
First, read the Downloading and installing Bootstrap recipe of this chapter to find out how to download and install Bootstrap, enabling you to recompile the Bootstrap CSS code. You can edit the Bootstrap source files with a text editor.
How to do it...
Learn how to customize Bootstrap's Card component with Sass:
- Install Bootstrap as described in the Downloading and installing Bootstrap recipe of this chapter.
- Then...
