AmorcerAide-mémoire

Aide-mémoire RTL

Contenu

Typographie

Documentation

Affichage 1

Affichage 2

Affichage 3

Affichage 4

Affichage 5

Affichage 6

Rubrique 1

Rubrique 2

Rubrique 3

Rubrique 4

Rubrique 5

Rubrique 6

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

Vous pouvez utiliser la balise de marque poursoulignertexte.

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 le 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

Documentation
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

les tables

Documentation
# Première Dernier Gérer
1 Marquer Otto @mdo
2 Jacob Thornton @gros
3 Larry l'oiseau @Twitter
# Première Dernier Gérer
1 Marquer Otto @mdo
2 Jacob Thornton @gros
3 Larry l'oiseau @Twitter
Classer Titre Titre
Défaut Cellule Cellule
Primaire Cellule Cellule
Secondaire Cellule Cellule
Succès Cellule Cellule
Danger Cellule Cellule
Avertissement Cellule Cellule
Info Cellule Cellule
Lumière Cellule Cellule
Sombre Cellule Cellule
# Première Dernier Gérer
1 Marquer Otto @mdo
2 Jacob Thornton @gros
3 Larry l'oiseau @Twitter

Les figures

Documentation
Placeholder 400x300
Une légende pour l'image ci-dessus.

Formes

Aperçu

Documentation
Nous ne partagerons jamais votre e-mail avec quelqu'un d'autre.
Boutons radio

Formulaires désactivés

Documentation
Boutons radios désactivés

Dimensionnement

Documentation

Groupe d'entrée

Documentation
@
@exemple.com
https://example.com/users/
$ .00
Avec zone de texte

Étiquettes flottantes

Documentation

Validation

Documentation
Cela semble bon!
Cela semble bon!
@
Veuillez choisir un nom d'utilisateur.
Veuillez fournir une ville valide.
Veuillez sélectionner un état valide.
Veuillez fournir un code postal valide.
Vous devez accepter avant de soumettre.

Composants

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 convient également de noter qu'à peu près n'importe quel HTML peut aller dans le .accordion-body, bien que la transition limite le débordement.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

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 convient également de noter qu'à peu près n'importe quel HTML peut aller dans le .accordion-body, bien que la transition limite le débordement.

Alertes

Documentation

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Exemple de titreNouveau

Primaire Secondaire Succès Danger Avertissement Info Lumière Sombre

Boutons

Documentation
Placeholder Image cap
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
Mis en exergue
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
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
Placeholder Image
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
  • Un élément désactivé
  • Un deuxième article
  • Un troisième article
  • Un quatrième article
  • Et un cinquième
  • Un élément
  • Un deuxième article
  • Un troisième article
  • Un quatrième article
  • Et un cinquième

popovers

Documentation

Scrollspy

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.

Spinners

Documentation
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...
Chargement...

Toasts

Documentation

Info-bulles

Documentation