Skip to docs navigation

Images

Responsive images

" Responsive image

Image thumbnails

" 200x200

Aligning images

" 200x200 " 200x200
" 200x200
" 200x200

Figure

" 400x300
A caption for the above image.

Aligning the figure’s caption is easy with our text utilities.

" 400x300
A caption for the above image.

Picture

If you are using the <picture> element to specify multiple <source> elements for a specific <img>, make sure to add the .img-* classes to the <img> and not to the <picture> tag.