<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 5 Breakpoints Multiple</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<div class="container mt-3">
<div class="col-12 col-md-6 col-lg-4 col-xl-3 box">Column 1</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 box">Column 2</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3 box">Column 3</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>