Live Demo: Bootstrap 5 Width Classes Relative to the Viewport

xxxxxxxxxx
 
<!DOCTYPE htpl>
<htpl lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 5 Width Classes Relative to the Viewport</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>
<style>
    .bs-example div{
        padding: 15px;
        background: #dbdfe5;       
    }
    .bs-example div:nth-child(2n){
        background: #abb1b8;
    }
</style>
</head>
<body>
<div class="bs-example"> 
    <div class="min-vw-100">Min-width 100vw</div>
    <div class="vw-100">Width 100vw</div>
</div>
</body>