Position utilities are useful for layout and positioning.
<!-- position: relative, absolute, fixed, sticky and floats -->
<div class="p-relative"></div>
<div class="p-absolute"></div>
<div class="p-fixed"></div>
<div class="p-sticky"></div>
<div class="float-right"></div>
<div class="float-left"></div>
<div class="float-none"></div>
<!-- positions: responsive (xs, sm, md, lg, xl) -->
<div class="p-xs-relative"></div>
<div class="p-sm-absolute"></div>
<div class="p-md-fixed"></div>
<div class="p-lg-sticky"></div>
<div class="p-xl-relative"></div>
<div class="float-lg-right"></div>
<div class="float-md-left"></div>
<div class="float-sm-none"></div>
<!-- margin: 8 sizes (m-0, m-auto, m-1, m-2 ... m-8) -->
<div class="m-1"></div>
<div class="m-2"></div>
<!-- margin: directional (mt-1, mr-1, mb-1, ml-1) -->
<div class="mt-1"></div>
<div class="mt-2"></div>
<!-- margin: vertical/horizontal (mx-1, my-1) -->
<div class="mx-1"></div>
<div class="mx-2"></div>
<div class="my-1"></div>
<div class="my-2"></div>
<!-- padding: 8 sizes (p-0, p-auto, p-1, p-2 ... p-8) -->
<div class="p-1"></div>
<div class="p-2"></div>
<!-- padding: directional (pt-1, pr-1, pb-1, pl-1) -->
<div class="pt-1"></div>
<div class="pt-2"></div>
<!-- padding: vertical/horizontal (px-1, py-1) -->
<div class="px-1"></div>
<div class="px-2"></div>
<div class="py-1"></div>
<div class="py-2"></div>