Core Code
Core Code Modern Dev Handbook

Max Width Utility

Limit element width using max-width utilities.

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">

<img src="https://picsum.photos/900/300" class="img-fluid mw-100">

</div>

</body>
</html>

More BS5 Sizing Examples (7)

example Width Utilities open example example Height Utilities open example example Viewport Height open example example Viewport Width open example example Card Width Control open example example Full Width Button open example example Responsive Image Width open example