Image Formatting

Include images inside div blocks with certain classes to control how they display.

Default

  • small images are left-aligned
  • large images occupy the full width
![](small.jpg)

Center

  • To center an image use bootstrap's text-center in a div
  • Spaces above and below the image line are recommended
  • To include markdown inside HTML div apply the markdown="block" attribute
<div class="text-center">

![](small.jpg)

</div>

Border and Shadow

<div class="text-center img-border">

![](small.jpg)

</div>

Sizing

Size of large images can be constrained with the following classes:

  • img-micro
  • img-small
  • img-medium

Micro

Small

Medium

No Restriction

Remote Image