Figure

Basic

<c-bs-figure>
  <c-bs-figure-image src="https://placehold.net/600x400.png" alt="Figure image" />
  <c-bs-figure-caption>A caption for the above image.</c-bs-figure-caption>
</c-bs-figure>

Preview:

Figure image
A caption for the above image.

Caption Right Aligned

<c-bs-figure>
  <c-bs-figure-image src="https://placehold.net/600x400.png" alt="Figure image" />
  <c-bs-figure-caption>A caption for the above image.</c-bs-figure-caption>
</c-bs-figure>

Preview:

Figure image
A caption for the above image.

Caption Center Aligned

<c-bs-figure>
  <c-bs-figure-image src="https://placehold.net/600x400.png" alt="Figure image" />
  <c-bs-figure-caption>A caption for the above image.</c-bs-figure-caption>
</c-bs-figure>

Preview:

Figure image
A caption for the above image.

Without Rounded

<c-bs-figure>
  <c-bs-figure-image src="https://placehold.net/600x400.png" alt="Figure image" />
  <c-bs-figure-caption>A caption for the above image.</c-bs-figure-caption>
</c-bs-figure>

Preview:

Figure image
A caption for the above image.

Not Fluid

<c-bs-figure>
  <c-bs-figure-image src="https://placehold.net/600x400.png" alt="Figure image" c-fluid="False" />
  <c-bs-figure-caption>A caption for the above image.</c-bs-figure-caption>
</c-bs-figure>

Preview:

Figure image
A caption for the above image.