par anonyme 19-Décembre-2020

Comment puis-je centrer un élément HTML avec Bootstrap ?

1 Réponse

par Nico 19-Décembre-2020

Pour centrer un texte dans son bloc, de manière horizontale, avec Bootstrap, vous devez utiliser la CLASS .text-center :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment centrer un texte avec Bootstrap ?</title>
<link rel="stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 
</head>
<body>
<p class="text-center">Un texte centré</p>
</body>
</html>

Pour centrer un bloc dans son bloc, avec Bootstrap, vous devez utiliser la CLASS .d-flex align-item-center pour centrer le bloc de manière verticale, ou bien .d-flex justify-content-center pour le centrer de manière horizontale.

Questions liées

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses de l'équipe et d'autres internautes.

2.6k questions

3k réponses

...