Use class title to generate line under heading.
This is lead paragraph. The best place to use it is the begining paragraph of the post. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Numquam, tenetur!
To use lead you only have to add lead class to a <p> tag, consectetur adipisicing elit. Voluptatem, quam, qui, ducimus cumque doloribus deleniti enim corporis sequi iste maiores aliquam cum incidunt esse quod minima laborum et ratione tempora?
Strong text. Use <strong> tag. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, enim, libero, est voluptates ut impedit ipsam error dolor sed voluptatum veniam sit ducimus quidem? Iusto, deleniti, nemo labore impedit fuga culpa odio molestias unde autem reiciendis fugit harum assumenda cumque rerum tempore optio accusamus eligendi ut quam alias eos deserunt!
Italic text <em>. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, enim, libero, est voluptates ut impedit ipsam error dolor sed voluptatum veniam sit ducimus quidem? Iusto, deleniti, nemo labore impedit fuga culpa odio molestias unde autem reiciendis fugit harum assumenda cumque rerum tempore optio accusamus eligendi ut quam alias eos deserunt!
For de-emphasizing inline or blocks of text, use the <small> tag to set text at 85% the size of the parent. Heading elements receive their own font-size for nested <small> elements.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, commodi, sequi, esse, doloremque error praesentium a provident officiis similique ab perferendis pariatur alias totam minima ratione numquam adipisci vitae nisi aliquam neque aspernatur. Laboriosam, dignissimos, mollitia provident delectus nam optio possimus ipsa reprehenderit illo consectetur explicabo id dolore doloribus quaerat?
To use drop cap add to paragraph .drop-cap class. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, enim, libero, est voluptates ut impedit ipsam error dolor sed voluptatum veniam sit ducimus quidem? Iusto, deleniti, nemo labore impedit fuga culpa odio molestias unde autem reiciendis fugit harum assumenda cumque rerum tempore optio accusamus eligendi ut quam alias eos deserunt!
Left aligned text. Class text-left. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, ipsum reiciendis placeat officia earum iste quasi illum pariatur eius recusandae! Ducimus, et, error, voluptatibus velit eligendi delectus quasi impedit voluptates minus tempore ut natus odio aliquam ex praesentium quia fugiat eos animi ab in iure aut maiores sunt minima quisquam.
Center aligned text. Class text-center. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, ipsum reiciendis placeat officia earum iste quasi illum pariatur eius recusandae! Ducimus, et, error, voluptatibus velit eligendi delectus quasi impedit voluptates minus tempore ut natus odio aliquam ex praesentium quia fugiat eos animi ab in iure aut maiores sunt minima quisquam.
Right aligned text. Class text-right. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, ipsum reiciendis placeat officia earum iste quasi illum pariatur eius recusandae! Ducimus, et, error, voluptatibus velit eligendi delectus quasi impedit voluptates minus tempore ut natus odio aliquam ex praesentium quia fugiat eos animi ab in iure aut maiores sunt minima quisquam.
Justify aligned text. Class text-justify. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, ipsum reiciendis placeat officia earum iste quasi illum pariatur eius recusandae! Ducimus, et, error, voluptatibus velit eligendi delectus quasi impedit voluptates minus tempore ut natus odio aliquam ex praesentium quia fugiat eos animi ab in iure aut maiores sunt minima quisquam.
How to:
<address>
<strong>Algedi</strong><br>
Jana Pwala II 12,<br>
41-100 Siemianowice, Poland<br>
<abbr title="Phone">P:</abbr> +48 32 105 67 89<br>
<abbr title="Mobile">P:</abbr> +48 519 86 26 26
</address>
<address>
<strong>Algedi mail</strong><br>
<a "mailto:#">first.last@example.com</a>
</address>
How to:
<address>
<dl>
<dt>Address: </dt>
<dd>Jana Pwala II 12,<br>
41-100 Siemianowice, Poland</dd>
<dt>Phone: </dt>
<dd>+48 32 105 67 89</dd>
<dt>Mobile: </dt>
<dd>+48 519 86 26 26</dd>
</dl>
</address>
<blockquote> Lorem ipsum... </blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
<blockquote> Lorem ipsum... <footer>signature...</footer> </blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
<section class="background"> <blockquote class="blockquote-reverse"> Lorem ipsum... <footer>signature...</footer> </blockquote> </section>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
<ul>...</ul>
<ol>...</ol>
<ul class="check">...</ul>
<ul class="times">...</ul>
<ul class="chevron">...</ul>
<ul class="tags">...</ul>
<ul class="categories">...</ul>
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob class="success" | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Tony class="warning" | Stengel | |
| 4 | John | Hightower | @hightower |
| 5 | Larry class="danger" | Lentini | |
| 6 | Bruce | Carranza | @carranzar |
| 7 | Sam class="info" | Heine |
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
More information about typography you'll find here