Figures

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...