Typographie

Intitulé 1

Intitulé 2

Intitulé 3

Intitulé 4

Intitulé 5

Intitulé 6

Affichage 1

Affichage 2

Affichage 3

Affichage 4

Affichage 5

Affichage 6

Ceci est un premier paragraphe. Il se démarque des paragraphes réguliers.

Vous pouvez utiliser la balise de marque pour mettre en évidence texte.

Cette ligne de texte est destinée à être traitée comme du texte supprimé.

Cette ligne de texte est destinée à être traitée comme n'étant plus exacte.

Cette ligne de texte est destinée à être traitée comme un ajout au document.

Cette ligne de texte sera rendue comme soulignée.

Cette ligne de texte doit être traitée comme des petits caractères.

Cette ligne est rendue sous forme de texte en gras.

Cette ligne est rendue sous forme de texte en italique.

Une citation bien connue, contenue dans un élément blockquote.

Quelqu'un de célèbre dans Titre de la source
  • Ceci est une liste.
  • Il apparaît complètement sans style.
  • Structurellement, c'est toujours une liste.
  • Cependant, ce style ne s'applique qu'aux éléments enfants immédiats.
  • Listes imbriquées :
    • ne sont pas affectés par ce style
    • montrera toujours une balle
    • et avoir une marge de gauche appropriée
  • Cela peut toujours être utile dans certaines situations.
  • Il s'agit d'un élément de liste.
  • Et un autre.
  • Mais ils sont affichés en ligne.

Ajouter des images

placeholderImage responsive
Une image d'espace réservé carrée générique entourée d'une bordure blanche, la faisant ressembler à une photo prise avec un vieil appareil photo instantané200 × 200

Tables

# Prénom Nom de famille Handle
1 Marquez Otto @mdo
2 Jacob Thornton @graisse
3 Larry l'oiseau @Twitter
# Prénom Nom de famille Handle
1 Marquez Otto @mdo
2 Jacob Thornton @graisse
3 Larry l'oiseau @Twitter
Classe Titre Titre
Réglage par défaut Cellule Cellule
Primaire Cellule Cellule
Secondaire Cellule Cellule
en ligne Cellule Cellule
danger Cellule Cellule
Cellule Cellule
Info Cellule Cellule
Light Cellule Cellule
Foncé Cellule Cellule
# Prénom Nom de famille Handle
1 Marquez Otto @mdo
2 Jacob Thornton @graisse
3 Larry l'oiseau @Twitter

Figures

Documentation
placeholder400 × 300
Une légende pour l'image ci-dessus.

Composantes

Accordéon

Documentation

Il s'agit du corps accordéon du premier élément. Il est caché par défaut, jusqu'à ce que le plugin de repli ajoute les classes appropriées que nous utilisons pour styliser chaque élément. Ces classes contrôlent l'apparence générale, ainsi que l'affichage et le masquage via des transitions CSS. Vous pouvez modifier tout cela avec un CSS personnalisé ou remplacer nos variables par défaut. Il est également intéressant de noter que presque n'importe quel HTML peut aller dans le .accordion-body, bien que la transition limite le débordement.

Il s'agit du corps en accordéon du deuxième élément. Il est caché par défaut, jusqu'à ce que le plugin de repli ajoute les classes appropriées que nous utilisons pour styliser chaque élément. Ces classes contrôlent l'apparence générale, ainsi que l'affichage et le masquage via des transitions CSS. Vous pouvez modifier tout cela avec un CSS personnalisé ou remplacer nos variables par défaut. Il est également intéressant de noter que presque n'importe quel HTML peut aller dans le .accordion-body, bien que la transition limite le débordement.

C'est le corps en accordéon du troisième élément. Il est caché par défaut, jusqu'à ce que le plugin de repli ajoute les classes appropriées que nous utilisons pour styliser chaque élément. Ces classes contrôlent l'apparence générale, ainsi que l'affichage et le masquage via des transitions CSS. Vous pouvez modifier tout cela avec un CSS personnalisé ou remplacer nos variables par défaut. Il est également intéressant de noter que presque n'importe quel HTML peut aller dans le .accordion-body, bien que la transition limite le débordement.

Alertes

Documentation

Badge

Documentation

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Exemple d'en-tête Nouveauté

Primaire Secondaire en ligne danger Info Light Foncé

Boutons

Documentation

Card

Documentation
placeholderLimite d'image
Titre de la carte

Quelques exemples de texte rapides à construire sur le titre de la carte et constituant l'essentiel du contenu de la carte.

Aller quelque part
En vedette
Titre de la carte

Quelques exemples de texte rapides à construire sur le titre de la carte et constituant l'essentiel du contenu de la carte.

Aller quelque part
Il y a 2 jours
Titre de la carte

Quelques exemples de texte rapides à construire sur le titre de la carte et constituant l'essentiel du contenu de la carte.

  • Un élément
  • Un deuxième article
  • Un troisième article
Lien carte Un autre lien
placeholderImage(s)
Titre de la carte

Il s'agit d'une carte plus large avec un texte de support ci-dessous comme introduction naturelle à du contenu supplémentaire. Ce contenu est un peu plus long.

Dernière mise à jour il y a 3 minutes

Groupe de listes

Documentation

popovers

Documentation

Parcheminspy

Documentation

Premier titre

Il s'agit d'un contenu d'espace réservé pour la page scrollspy. Notez que lorsque vous faites défiler la page, le lien de navigation approprié est mis en surbrillance. Il est répété tout au long de l'exemple de composant. Nous continuons à ajouter d'autres exemples de copie ici pour souligner le défilement et la mise en surbrillance.

Deuxième rubrique

Il s'agit d'un contenu d'espace réservé pour la page scrollspy. Notez que lorsque vous faites défiler la page, le lien de navigation approprié est mis en surbrillance. Il est répété tout au long de l'exemple de composant. Nous continuons à ajouter d'autres exemples de copie ici pour souligner le défilement et la mise en surbrillance.

Troisième rubrique

Il s'agit d'un contenu d'espace réservé pour la page scrollspy. Notez que lorsque vous faites défiler la page, le lien de navigation approprié est mis en surbrillance. Il est répété tout au long de l'exemple de composant. Nous continuons à ajouter d'autres exemples de copie ici pour souligner le défilement et la mise en surbrillance.

Quatrième rubrique

Il s'agit d'un contenu d'espace réservé pour la page scrollspy. Notez que lorsque vous faites défiler la page, le lien de navigation approprié est mis en surbrillance. Il est répété tout au long de l'exemple de composant. Nous continuons à ajouter d'autres exemples de copie ici pour souligner le défilement et la mise en surbrillance.

Cinquième titre

Il s'agit d'un contenu d'espace réservé pour la page scrollspy. Notez que lorsque vous faites défiler la page, le lien de navigation approprié est mis en surbrillance. Il est répété tout au long de l'exemple de composant. Nous continuons à ajouter d'autres exemples de copie ici pour souligner le défilement et la mise en surbrillance.

Fileurs

Documentation

pains grillés

Documentation

Les info-bulles

Documentation