XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px

Card


Parts

Text

Title

Subtitle

Button

Links

List group

Header

Footer

<h4 class="h5 text-muted mt-3">Text</h4>

<h4 class="h5 text-muted mt-3">Title</h4>

<h4 class="h5 text-muted mt-3">Subtitle</h4>

<h4 class="h5 text-muted mt-3">Button</h4>

<h4 class="h5 text-muted mt-3">Links</h4>

<h4 class="h5 text-muted mt-3">List group</h4>

<h4 class="h5 text-muted mt-3">Header</h4>

<h4 class="h5 text-muted mt-3">Footer</h4>
<h4 class="h5 text-muted mt-3">Text</h4> <h4 class="h5 text-muted mt-3">Title</h4> <h4 class="h5 text-muted mt-3">Subtitle</h4> <h4 class="h5 text-muted mt-3">Button</h4> <h4 class="h5 text-muted mt-3">Links</h4> <h4 class="h5 text-muted mt-3">List group</h4> <h4 class="h5 text-muted mt-3">Header</h4> <h4 class="h5 text-muted mt-3">Footer</h4>

Images

Top

Bottom

Overlay

<h4 class="h5 text-muted mt-3">Top</h4>

<h4 class="h5 text-muted mt-3">Bottom</h4>

<h4 class="h5 text-muted mt-3">Overlay</h4>
<h4 class="h5 text-muted mt-3">Top</h4> <h4 class="h5 text-muted mt-3">Bottom</h4> <h4 class="h5 text-muted mt-3">Overlay</h4>

Tab navigation

Pill navigation

Everything

Background color

Border and text color

Card groups

Grid cards

Default

With equal height

With footer

<h4 class="h5 text-muted mt-3">Default</h4>

<h4 class="h5 text-muted mt-3">With equal height</h4>

<h4 class="h5 text-muted mt-3">With footer</h4>
<h4 class="h5 text-muted mt-3">Default</h4> <h4 class="h5 text-muted mt-3">With equal height</h4> <h4 class="h5 text-muted mt-3">With footer</h4>