Paragraphs

This is lead paragraph text.

<p class='lead'>
  This is a lead paragraph.
</p>

This is a standard paragraph. The default typeface is Open Sans The font files are included with the library, so nothing is loaded off of CDN, making this library suitable for intranet applications where external resources might be undesirable.

<p>This is a standard…</p>

Formatting

Format text with simple helpers.

This is small text.

<p>
  <small>
    This is small text.
  </small>
</p>

This is strong text.

<p>
  <strong>
    This is strong text.
  </strong>
</p>

This is emphasized text.

<p>
  <em>This is emphasized text.</em>
</p>

This is centered.

<p class='text-xs-center'>
  This is centered.
</p>

This is right-justified.

<p class='text-xs-right'>
  This is right-justified.
</p>

Headers

Headers call attention to title text.

Use <h1>, <h2>, etc. for standard headers. Use <small> for a nested subheader.

Header 1 Subheader

Header 2 Subheader

Header 3 Subheader

Header 4 Subheader

Header 5 Subheader
Header 6 Subheader
<h1>
  Header 1
  <small>Subheader</small>
</h1>

Code

We want your code to look good.

Inline code is written with the <code> tag. A code block is written like this:

<pre class='code'>
  ...code...
</pre>

Colors

There are 7 color classes for text.

This is text-primary.

This is text-secondary.

This is text-muted.

This is text-success.

This is text-info.

This is text-warning.

This is text-danger.

<p class='text-muted'>
  This is text-muted.
</p>

Blockquotes

A blockquote has a left border and larger text.

A <footer> inside a blockquote turns into an attribution.

There are two hard things in computer science: cache invalidation and naming things.

Phil Karlton
<blockquote>
  <p>There are two…</p>
  <footer>Phil Karlton</footer>
</blockquote>

Font Icons

High-quality icons from Font Awesome.

Modular Admin includes ng_fontawesome as a dependency. If you need icons in your own project, you are strongly encouraged to use ng_fontawesome: .

<fa name='flag'></fa>

For more information, see the Ng2 Font Awesome Repo