ساخت دایره در bootstrap

سلام
کدتون رو بگذارید تا بررسی کنم . احتمالا Width و Height با هم برابر نیستند

@gomnam

<ul class="flex-row navbar-nav col justify-content-end ">
    <li class=" nav-item ps-2">
        <a class="fs-4 nav-link bi bi-arrow-left-right text-dark border rounded-circle" href="#" title="..."></a>
    </li>
    <li class=" nav-item ps-2">
        <a class="fs-4 nav-link bi bi-heart text-dark border rounded-circle" href="#" title="..."></a>
    </li>
    <li class=" nav-item ps-2">
        <a class="fs-4 nav-link bi bi-shop text-dark border rounded-circle" href="#" title="..."></a>
    </li>
    <li class=" nav-item ps-2">
        <a class="fs-4 nav-link bi bi-person text-dark border rounded-circle" href="#" title="..."></a>
    </li>
</ul>

با تعویض کلاس navbar-expand-lg به navbar-expand-md در عنصر والد مشکلم حل شد

مجددا سلام
چه خوب که خودتون متوجه مشکل شدید . ولی خوب از من هم توقع حل کردن مشکلتون رو بیاید داشته باشید چون چیز هایی که شما می بینید مثلا همین کلاس navbar-expand-lg رو من نمی بینم . یا کل قالبتون رو نمی بینم .