لینک‌ها و تعاملات

<p class="user-select-all">این پاراگراف به طور کامل زمانی که کاربر کلیک کند انتخاب خواهد شد.</p>
        <p class="user-select-auto">این پاراگراف دارای رفتار پیش‌فرض انتخاب است.</p>
        <p class="user-select-none mb-0">این پاراگراف زمانی که کاربر کلیک کند قابل انتخاب نخواهد بود.</p>

 <a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover text-decoration-underline" href="javascript:void(0)">
              کمرنگ شدن زیرخط  0
        </a>

 <p><a href="javascript:void(0)" class="link-underline-primary text-decoration-underline">زیرخط اصلی</a></p>
        <p><a href="javascript:void(0)" class="link-underline-secondary text-decoration-underline">زیرخط ثانویه</a></p>
        <p><a href="javascript:void(0)" class="link-underline-success text-decoration-underline">زیرخط موفقیت</a></p>
        <p><a href="javascript:void(0)" class="link-underline-danger text-decoration-underline">زیرخط خطر</a></p>
        <p><a href="javascript:void(0)" class="link-underline-warning text-decoration-underline">زیرخط هشدار</a></p>
        <p><a href="javascript:void(0)" class="link-underline-info text-decoration-underline">زیرخط اطلاعات</a></p>
        <p><a href="javascript:void(0)" class="link-underline-light text-decoration-underline">زیرخط روشن</a></p>
        <p class="mb-0"><a href="javascript:void(0)" class="link-underline-dark text-decoration-underline">زیرخط تیره</a></p>

 <p><a href="javascript:void(0)" class="pe-none text-primary fw-medium text-decoration-underline" tabindex="-1">این لینک</a> قابل کلیک نیست.</p>
                    <p><a href="javascript:void(0)" class="pe-auto text-primary fw-medium text-decoration-underline">این لینک</a> قابل کلیک است (این رفتار پیش‌فرض است).</p>
                    <p class="pe-none mb-0"><a href="javascript:void(0)" tabindex="-1" class="text-primary fw-medium text-decoration-underline">این لینک</a> قابل کلیک نیست زیرا ویژگی <code>pointer-events</code> از والد آن ارث‌بری شده است. با این حال، <a href="javascript:void(0)" class="pe-auto">این لینک</a> کلاس <code>pe-auto</code> دارد و می‌توان آن را کلیک کرد.</p>

 <p><a class="link-opacity-10" href="javascript:void(0)">شفافیت لینک 10</a></p>
            <p><a class="link-opacity-25" href="javascript:void(0)">شفافیت لینک 25</a></p>
            <p><a class="link-opacity-50" href="javascript:void(0)">شفافیت لینک 50</a></p>
            <p><a class="link-opacity-75" href="javascript:void(0)">شفافیت لینک 75</a></p>
            <p class="mb-0"><a class="link-opacity-100" href="javascript:void(0)">شفافیت لینک 100</a></p>

 <p><a href="javascript:void(0)" class="text-decoration-underline">لینک پیش فرض</a></p>
                <p><a class="link-offset-1 text-decoration-underline" href="javascript:void(0)">لینک با آفست 1</a></p>
                <p><a class="link-offset-2 text-decoration-underline" href="javascript:void(0)">لینک با آفست 2</a></p>
                <p class="mb-0"><a class="link-offset-3 text-decoration-underline" href="javascript:void(0)">لینک با آفست 3</a></p>

 <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-0" href="javascript:void(0)">زیرخط شفافیت 0</a></p>
            <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-10" href="javascript:void(0)">زیرخط شفافیت 10</a></p>
            <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-25" href="javascript:void(0)">زیرخط شفافیت 25</a></p>
            <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-50" href="javascript:void(0)">زیرخط شفافیت 50</a></p>
            <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-75" href="javascript:void(0)">زیرخط شفافیت 75</a></p>
            <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-100" href="javascript:void(0)">زیرخط شفافیت 100</a></p>

 <p><a class="link-opacity-10-hover" href="javascript:void(0)">شفافیت شناور لینک 10</a></p>
            <p><a class="link-opacity-25-hover" href="javascript:void(0)">شفافیت شناور لینک 25</a></p>
            <p><a class="link-opacity-50-hover" href="javascript:void(0)">شفافیت شناور لینک 50</a></p>
            <p><a class="link-opacity-75-hover" href="javascript:void(0)">شفافیت شناور لینک 75</a></p>
            <p class="mb-0"><a class="link-opacity-100-hover" href="javascript:void(0)">شفافیت شناور لینک 100</a></p>

 <p><a href="javascript:void(0)" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Primary link</a></p>
            <p><a href="javascript:void(0)" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Secondary link</a></p>
            <p><a href="javascript:void(0)" class="link-success link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Success link</a></p>
            <p><a href="javascript:void(0)" class="link-danger link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Danger link</a></p>
            <p><a href="javascript:void(0)" class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Warning link</a></p>
            <p><a href="javascript:void(0)" class="link-info link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Info link</a></p>
            <p><a href="javascript:void(0)" class="link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Light link</a></p>
            <p><a href="javascript:void(0)" class="link-dark link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Dark link</a></p>
            <p><a href="javascript:void(0)" class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-75-hover text-decoration-underline">Emphasis link</a></p>