 <h4>Direction</h4>
        </header>
        <div class="box-body">
          Class : <code>b-[direction]</code>
          <h4>Directions</h4>
          <ul>
            <li class="m-a-25">0 : none <span class="border-0 p-2"><code>border-0</code></span></li>
            <li class="m-a-25">a : all <span class="border p-2"><code>border</code></span></li>
            <li class="m-a-25">t : top <span class="b-t p-2"><code>b-t</code></span></li>
            <li class="m-a-25">r : right <span class="border-end p