Structure of a card deck

Introduction

The anatomy of a card deck

Card layouts

Choose between vertical or horizontal layouts, select an inset layout, or display images without text or vice versa

Responsive widths

Adapting the width of the columns to suit the size of the browser window

Appearance of cards

Spacing

Controlling the amount of space between adjacent cards

Colours

Controlling the colour of the card label

Borders

Controlling the colour, width, and rounding applied to the card borders

Additional topics

Enabling bootstrap 4

How to make sure your R markdown site or document is using bootstrap 4

Filtering display by tag

Allow your site users to filter the display by selecting which cards should be shown