Tutoriel Bootstrap 4 : Travailler avec du texte imprimer

Bienvenue dans ce nouveau tutoriel  tutoriel Bootstrap

Paramètres de base de Bootstrap 4 pour l’affichage du texte 


Le framework Bootstrap 4 utilise la taille de police par défaut de 16 pixels et la hauteur de ligne de 1,5.
La famille de polices par défaut dans Bootstrap 4 est “Helvetica Neue”, “Helvetica”, “Arial” et “sans-serif”.
De plus, dans Bootstrap 4, toutes les balises ou paragraphes

ont un margin-tap égal à zéro et un margin-bottom égal à 1rem ou 16px par défaut.

Comment travailler avec les balises <Small>de titre

à

dans Bootstrap 4 :
Bootstrap 4 utilise un poids de police, une taille de police plus épaisse et légèrement plus grande que Bootstrap 3 dans les balises d’en-tête ou

à

.
Dans l’exemple de code pratique ci-dessous, nous avons montré comment utiliser les balises de titre dans Bootstrap 4 et leur sortie :

Bootstrap

Formation sur l’utilisation des en-têtes dans Bootstrap 4 :
Les en-têtes spéciaux Bootstrap 4 avec classe d’affichage sont légèrement différents des balises d’en-tête HTML avec les balises

à

. Ces titres ont une taille de police plus grande mais un poids de police inférieur à celui des balises .
Pour ces titres, quatre classes displsy-1, display-2, display-3 et display-4 sont définies dans Bootstrap 4, et vous pouvez en choisir une.
Dans l’exemple de code pratique ci-dessous, comment utiliser les nouvelles classes Heading dans Bootstrap 4 et leur sortie sont illustrées :

Bootsrap

Comment utiliser la balise <abbr> dans Bootstrap 4 :


Si vous mettez du texte à l’intérieur de la balise , Bootstrap 4 affichera ce texte avec un fond jaune et un peu de rembourrage.
Dans l’exemple de code pratique ci-dessous, nous avons montré comment utiliser la balise et sa sortie :

Bootstrap

Comment utiliser la balise < Blockquote>

En ajoutant la classe .blockquote à la balise

dans Bootstrap 4, vous pouvez afficher un texte sous la forme d’un sous-titre (par exemple, une référence à un texte dans un texte) sous un texte principal. Comme le code d’exemple pratique ci-dessous:

Comment travailler avec la balise dans Bootstrap 4 :
Bootstrap 4 affiche la balise avec ses sous-listes (balises et ) comme suit :

Comment travailler avec la balise <kdb>

Bootstrap 4 affiche le texte à l’intérieur de la balise <kdb> avec un arrière-plan entièrement noir et du texte blanc. Dans l'exemple de code pratique ci-dessous, nous avons montré comment utiliser la balise et sa sortie :

Autres articles

Rappel des Définitions et Exercices Corrigés :...
Dans cet article, nous allons explorer la formule...
Read more
Modèle de Budget de Fonctionnement d'une Association
Le succès et la durabilité d'une association reposent en grande...
Read more
Modèles de Gestion de Procédures dans Excel
Dans le monde des affaires d'aujourd'hui, où la concurrence est...
Read more

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *