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

Images


Default

Responsive

Rounded

Thumbnail

Alignment

Float

Spacing utilities

Text alignment

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

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

<h4 class="h5 text-muted mt-3">Text alignment</h4>
<h4 class="h5 text-muted mt-3">Float</h4> <h4 class="h5 text-muted mt-3">Spacing utilities</h4> <h4 class="h5 text-muted mt-3">Text alignment</h4>

Picture element

If using the <picture> element put .img-* classes on the <img> tag and not the <picture> tag.