<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Left, Right and Center Alignment of Bootstrap Spinners</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<div class="spinner-border">
<span class="visually-hidden">Loading...</span>
<div class="d-flex justify-content-center">
<div class="spinner-border">
<span class="visually-hidden">Loading...</span>
<div class="text-center">
<div class="spinner-border">
<span class="visually-hidden">Loading...</span>
<div class="d-flex justify-content-end">
<div class="spinner-border">
<span class="visually-hidden">Loading...</span>
