Core Code
Core Code Modern Dev Handbook

Responsive Text Alignment

Change text alignment based on breakpoints.

Preview

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="container py-5">

<p class="text-start text-md-center text-lg-end">

Resize the screen to see alignment change.

</p>

</div>

</body>
</html>

More BS5 Breakpoints Table Examples (7)

example Breakpoint Reference Table open example example Responsive Grid Columns open example example Responsive Display open example example Container Breakpoints open example example Responsive Navbar open example example Responsive Spacing open example example Responsive Dashboard Layout open example