Position sizes

Set absolute and fixed position value.

auto

50%

auto

<!-- Source -->
<div class="top-0"></div>
<div class="right-0"></div>
<div class="bottom-0"></div>
<div class="left-0"></div>

<div class="top-50"></div>
<div class="right-50"></div>
<div class="bottom-50"></div>
<div class="left-50"></div>

<div class="top-auto"></div>
<div class="right-auto"></div>
<div class="bottom-auto"></div>
<div class="left-auto"></div>

Responsive

<!-- Source -->
<div class="top-sm-0"></div>
<div class="right-sm-0"></div>
<div class="bottom-sm-0"></div>
<div class="left-sm-0"></div>

<div class="top-md-0"></div>
<div class="right-md-0"></div>
<div class="bottom-md-0"></div>
<div class="left-md-0"></div>

<div class="top-lg-0"></div>
<div class="right-lg-0"></div>
<div class="bottom-lg-0"></div>
<div class="left-lg-0"></div>

<div class="top-xl-0"></div>
<div class="right-xl-0"></div>
<div class="bottom-xl-0"></div>
<div class="left-xl-0"></div>

<div class="top-sm-50"></div>
<div class="right-sm-50"></div>
<div class="bottom-sm-50"></div>
<div class="left-sm-50"></div>

<div class="top-md-50"></div>
<div class="right-md-50"></div>
<div class="bottom-md-50"></div>
<div class="left-md-50"></div>

<div class="top-lg-50"></div>
<div class="right-lg-50"></div>
<div class="bottom-lg-50"></div>
<div class="left-lg-50"></div>

<div class="top-xl-50"></div>
<div class="right-xl-50"></div>
<div class="bottom-xl-50"></div>
<div class="left-xl-50"></div>

<div class="top-sm-auto"></div>
<div class="right-sm-auto"></div>
<div class="bottom-sm-auto"></div>
<div class="left-sm-auto"></div>

<div class="top-md-auto"></div>
<div class="right-md-auto"></div>
<div class="bottom-md-auto"></div>
<div class="left-md-auto"></div>

<div class="top-lg-auto"></div>
<div class="right-lg-auto"></div>
<div class="bottom-lg-auto"></div>
<div class="left-lg-auto"></div>

<div class="top-xl-auto"></div>
<div class="right-xl-auto"></div>
<div class="bottom-xl-auto"></div>
<div class="left-xl-auto"></div>