brouilleursdeblanc/_posts/2013-05-22-sample-post-images.md
2014-07-28 21:15:41 -04:00

3 KiB

layout title description category tags comments share
post A Post with Images Examples and code for displaying images in posts. articles
sample-post
images
test
true true

Here are some examples of what a post with images might look like. If you want to display two or three images next to each other responsively use figure with the appropriate class. Each instance of figure is auto-numbered and displayed in the caption.

Figures (for images or video)

One Up

image
Morning Fog Emerging From Trees by A Guy Taking Pictures, on Flickr.

Two Up

Apply the half class like so to display two images side by side that share the same caption.

{% highlight html %}

image image
Caption describing these two images.
{% endhighlight %}

And you'll get something that looks like this:

image image image image
Two images.

Three Up

Apply the third class like so to display three images side by side that share the same caption.

{% highlight html %}

image image image
Caption describing these three images.
{% endhighlight %}

And you'll get something that looks like this:

image image image image image image
Three images.