Borders

 <span class="border"></span>
                            <span class="border-top"></span>
                            <span class="border-end"></span>
                            <span class="border-bottom"></span>
                            <span class="border-start"></span>

 <div
                              class="tab-pane tab-example-preview fade show active p-5
                                bg-gray-100"
                              id="pills-SubtractiveBorder-preview"
                              role="tabpanel"
                              aria-labelledby="pills-SubtractiveBorder-preview-tab"
                              >
                            <div class="docs-example-border-utils
                                docs-example-border-utils-0">
                            <span class="border border-0"></span>
                            <span class="border border-top-0"></span>
                            <span class="border border-end-0"></span>
                            <span class="border border-bottom-0"></span>
                            <span class="border border-start-0"></span>
                            </div>
                            </div>

<span class="border border-primary"></span>
                            <span class="border border-primary-subtle"></span>
                            <span class="border border-secondary"></span>
                            <span class="border border-secondary-subtle"></span>
                            <span class="border border-success"></span>
                            <span class="border border-success-subtle"></span>
                            <span class="border border-danger"></span>
                            <span class="border border-danger-subtle"></span>
                            <span class="border border-warning"></span>
                            <span class="border border-warning-subtle"></span>
                            <span class="border border-info"></span>
                            <span class="border border-info-subtle"></span>
                            <span class="border border-light"></span>
                            <span class="border border-light-subtle"></span>
                            <span class="border border-dark"></span>
                            <span class="border border-dark-subtle"></span>
                            <span class="border border-black"></span>
                            <span class="border border-white"></span>

<span class="border border-1"></span>
                            <span class="border border-2"></span>
                            <span class="border border-3"></span>
                            <span class="border border-4"></span>
                            <span class="border border-5"></span>

<img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-top" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-end" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-bottom" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-start" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-circle" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-pill" alt="img">

 <div class="mb-3"> <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-0" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-1" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-2" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-3" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-4" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-5" alt="img">
                            </div>
                            <div>
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-bottom-1" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-start-2" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-end-circle" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-start-pill" alt="img">
                            <img src="../assets/images/placeholder/placeholder-img.jpg" class="rounded-5 rounded-top-0" alt="img">
                            </div>