Skip to contents

Structure of a card deck


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


Controlling the amount of space between adjacent cards


Controlling the colour of the card label


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