Position

Additional positioning utilities.

Position

Position

<div class="p-5 rounded bg-primary-desat mb-xl-0 position-relative">
    <div class="d-flex align-items-center justify-content-center position-relative">
      <h3 class="text-white py-9">Position</h3>
    </div>
    <div class="position-absolute bg-danger p-4 left-0 top-0"></div>
    <div class="position-absolute bg-success p-4 right-0 top-0"></div>
    <div class="position-absolute bg-primary p-4 right-0 bottom-0"></div>
    <div class="position-absolute bg-primary p-4 left-0 bottom-0"></div>
</div>

<div class="p-5 rounded bg-primary-desat mb-xl-0 position-relative">
    <div class="d-flex align-items-center justify-content-center position-relative">
      <h3 class="text-white py-9">Position</h3>
    </div>
    <div class="position-absolute bg-danger p-4 left-15 top-n5"></div>
    <div class="position-absolute bg-success p-4 right-n5 top-25"></div>
    <div class="position-absolute bg-primary p-4 right-50 bottom-25"></div>
    <div class="position-absolute bg-warning p-4 left-n3 bottom-0"></div>
</div>