Bootstrap 5 Learning Kit

   Copy to clipboard

   Open in CodePen

<div>
  <iframe src="https://player.vimeo.com/video/40509381"></iframe>
</div>

   Copy to clipboard

   Open in CodePen

<div>
  <iframe src="https://player.vimeo.com/video/301032654"></iframe>
</div>

   Copy to clipboard

   Open in CodePen

<div>
  <iframe src="https://player.vimeo.com/video/77923619"></iframe>
</div>

   Copy to clipboard

   Open in CodePen

<div>
  <iframe src="https://player.vimeo.com/video/96184605"></iframe>
</div>

   Copy to clipboard

   Open in CodePen

<div class="d-flex align-items-start">
  <div>
    <p class="d-flex justify-content-center align-items-center border">1x1</p>
  </div>
  <div>
    <p class="d-flex justify-content-center align-items-center border">4x3</p>
  </div>
  <div>
    <p class="d-flex justify-content-center align-items-center border">16x9</p>
  </div>
  <div>
    <p class="d-flex justify-content-center align-items-center border">21x9</p>
  </div>
</div>

   Copy to clipboard

   Open in CodePen

<div>
  <p class="d-flex justify-content-center align-items-center border">2x1 (50%)</p>
</div>
<div>
  <p class="d-flex justify-content-center align-items-center border">4x1 (25%)</p>
</div>