= Admonition Paragraphs using icons images
:doctitle:    Admonition Paragraphs
:description: http://asciidoc.org/userguide.html#X28
include::attributes.asciidoc[]
:navinfo2:
:icons:
:jumbotron:

include::admonition-samples.asciidoc[]

== Learn More

.Behind the scene
************************************************
Have a look in the LESS source file `less/asciidoc-bootstrap.less`, you should have at least this line *deactivated* :
----
@import "asciidoc/admonition-text.less";
----

And this other line *activated* (if you want to use Icons Font feature) :
----
@import "asciidoc/admonition-iconsfont.less";
----
************************************************

If you want to modify the default render,
copy the CSS rules in a new CSS file (free name), and build your page ( AsciiDoc ) with attribute `stylesheet`.

IMPORTANT: *Your custom stylesheet MUST be located in the `{stylesdir}`.*

E.g:

----
$ asciidoc.py
  -b bootstrap
  -a linkcss
  -a stylesdir=./stylesheets
  -a scriptsdir=./javascripts
  -a theme=flatly
  -a stylesheet=admonition-images.css
  -a navbar=fixed
  -a totop
  {docfile}
----

[source,css]
.Content of `admonition-images.css`
----
include::../stylesheets/admonition-images.css[]
----

ifdef::basebackend-html[]

See results in live with :

* Bootstrap link:admonition-images-custom.default.html[default] theme.
* Bootswatch link:admonition-images-custom.flatly.html[flatly] theme.
* Bootstrap link:admonition-images-custom.readable.html[readable] theme.
* Bootstrap link:admonition-images-custom.cerulean.html[cerulean] theme.
* Bootstrap link:admonition-images-custom.united.html[united] theme.

endif::basebackend-html[]
