If requiring just a figure, and no media context, then Bootstrap's figure classes should be used. Although they do not fit into the current context of MyPhoto, Bootstrap's figure styling is a commonly used and important feature. As such, it is worth explaining the three classes that are to be used when creating a figure. The figure class sets the element's display to inline-block. This forces the element to behave just like inline elements, but also allows it to have a set width and height. The
figure-img class should be applied to img elements within the figure element, adjusting their bottom margin and line height. Lastly, the figure-caption class is used to denote captions, and adjusts the font size (setting it to 90%) and the font color (setting it to #818a91). Observe the following code:
<figure class="figure"> <img data-src="/img/example.png" class="figure-img"> <figcaption class="figure-caption">Sample text.</figcaption...