Figure

Displaying related images and text is very easy with Bootstrap Figures. Even easier it will be with the Bocons Tag Helper which support all settings of Bootstrap Figures in a easy way.

Bocons Figure
<figure bc-image="~/images/figure.svg" bc-caption="A caption for the above image." />

Figure Configuration <figure />

Image Mandatory

A image souce for the figure element can defined with the bc-image attribute.

Caption Mandatory

To set a caption for the displayed image use the bc-caption attribute.

Alignment

Aligning the figure's capion is easy with the bc-alignment attribute. It is possible to align the caption on Left (default), Center and Right.

Figure Caption Alignment
<figure bc-image="~/images/figure.svg" bc-caption="A caption for the above image." bc-alignment="Right" />