Exemple typographie

Les titres

Avec les balises <h1>...<h6>

Titre 1

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6

Les liens

Avec la balise <a>

Lien interne

Avec la balise <a> et l'attribut target="_blank"

Lien externe

Les citations

Avec la balise <blockquote>

Exemple de citation avec alignement à gauche

Et la suite de la citation...

Avec la balise <blockquote class="pull-right">

Exemple de citation avec alignement à droite

Et la suite de la citation...

Les abréviations

Avec la balise <abbr title="texte à afficher">

Un mot avec une def

Les lignes de séparations

Avec la balise <hr>

Avec la balise <hr class="point">

Les listes de choix

Liste de choix à puces avec <ul> et <li>

1er élément
2e élément
- 2e niveau
3e élément
...

Liste de choix numériques avec <ol> et <li>

1er élément
2e élément
1. 2e niveau
3e élément
...

Liste de choix à puces avec <ul class="simple">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="double">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="check">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="check2">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="pencil">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="pouce">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="triangle">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="bookmark">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="question">

1er élément
2e élément
3e élément
...

Liste de choix à puces avec <ul class="arrow">

1er élément
2e élément
3e élément
...

Les listes de définitions

Définition avec <dl>, <dt> et <dt>

Le mot: La définition
Le 2e mot: La 2e définition
sur deux ligne...
Le 3e mot: La 3e définition
sur deux ligne...

Définition horizontale avec <dl class="dl-horizontal">

Le mot: La définition
Le 2e mot: La 2e définition
sur deux ligne...
Le 3e mot: La 3e définition
sur deux ligne...

Les tableaux

Tableau normal

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table-striped">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table-bordered">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table-hover">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table-condensed">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter

Tableau avec <table class="table"> et <tr class="success">,
<tr class="error">, <tr class="warning">, <tr class="info">

#	Prénom	Nom	Surnom
1	Mark	Otto	mdo
2	Jacob	Thornton	fat
3	Larry	the Bird	twitter
3	Larry	the Bird	twitter