Useful classes

Jesper Johansen edited this page Oct 3, 2013 · 3 revisions

Quotes

Normal blockquote

<blockquote>
  <p>Add some interesting text here</p>
  <span>A cool person</span>
</blockquote>

Aligned quote: Center

<blockquote class="aligncenter">
  <p>Add some interesting text here</p>
  <p>Add some interesting text here</p>
</blockquote>

Show image

Aligned quote: Left

<blockquote class="alignleft">Add some interesting text here</blockquote>

Show image

Aligned quote: Right

<blockquote class="alignright">Add some interesting text her</blockquote>

Show image

Boxes

.note,
.warning,
.alert,
.error,
.download,
.success

Other classes

.assistive-text, .screen-reader-text,
.alignleft,
.alignright,
.aligncenter,
.alignnone,
.thumbnail,
.clear,
.clearfix