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.

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

#PremièreNomPoignée
1MarquezOtto@mdo
2JacobThornton@graisse
3Larry l'oiseau@Twitter
#PremièreNomPoignée
1MarquezOtto@mdo
2JacobThornton@graisse
3Larry l'oiseau@Twitter
ClasseTitreTitre
Réglage par défautCelluleCellule
PrimaireCelluleCellule
SecondaireCelluleCellule
SuccèsCelluleCellule
dangerCelluleCellule
CelluleCellule
InfoCelluleCellule
LightCelluleCellule
FoncéCelluleCellule
#PremièreNomPoignée
1MarquezOtto@mdo
2JacobThornton@graisse
3Larry l'oiseau@Twitter

Figures

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

Composants des bagages ABS + PC

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 New

Exemple d'en-tête New

Exemple d'en-tête New

Exemple d'en-tête New

Exemple d'en-tête New

Exemple d'en-tête New

Exemple d'en-tête New

Exemple d'en-tête New

Primaire Secondaire Succès 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
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