Comment aligner un bouton à droite avec Bootstrap ?

Réponses rédigées par Antoine

Dernière mise à jour : 2020-12-19 22:59:07

Question

Comment puis-je aligner un bouton à droite avec Bootstrap ?

Réponse

Pour aligner un bouton, ou tout autre élément HTML, à droite, avec le framework Bootstrap 4, vous devez utiliser la CLASS float-right :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment aligner un bouton à droite avec Bootstrap 4 ?</title>
<link rel="stylesheet" href= "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 
</head>
<body>
<button type="button" class="btn btn-primary float-right">Bouton</button>
</body>
</html>

Avec Bootstrap 5 vous devez utiliser les CLASS float-start et float-end pour respectivement aligner à gauche, ou à droite.