ابزار متن

کامپوننت ها

دش‌لایت شامل چندین سبک دکمه از پیش تعریف شده است، که هر کدام هدف معنایی خود را انجام می دهند و برای کنترل بیشتر، چند مورد اضافی به کار می روند.

به راحتی متن را با کامپوننت ها با کلاس های ترازبندی متن مجددا تراز کنید.

مرجع کلاس	مقدار	یادداشت
`.text-{value}` `.text-{screen}-{value}`	left \| right \| justify \| center	متن را ترازبندی می کند
از `{screen}` به عنوان `sm، md، lg، xl، xxl` استفاده کنید. لطفا توجه داشته باشید، `{screen}` مربوط به نقطه شکست است و از `{screen}` به بالا اعمال خواهد شد. به عنوان مثال، `.m-sm-2` حاشیه داخلی را روی صفحه نمایش `sm` تنظیم می کند و به صفحه های بالا ادامه می دهد.

مثال استفاده

<p class="text-center">...</p>
<p class="text-center text-lg-left">...</p>

تبدیل متن در کامپوننت ها با کلاس های حروف بزرگ متن.

مثال استفاده

<p class="text-uppercase">...</p>

اندازه ثابت متن را به سرعت تنظیم می کند.

مرجع کلاس	مقدار
`.fs-{value}px`	9 \| 10 \| 11 \| 12 \| 13 \| 14 \| 15 \| 16

مثال استفاده

<p class="fs-9px">...</p>

وزن (ضخامت) متن را به سرعت تغییر می دهد یا متن یا خانواده فونت را مورب می کند.

مثال استفاده

<p class="fw-bold">...</p>
<p class="ff-mono">...</p>

در اینجا چند کلاس دیگر وجود دارد که به شما کمک می کند متن را سبک دهید.

مرجع کلاس	یادداشت
`.text-reset`	رنگ متن را بازنشانی می کند
`.text-muted`	متن بی صدا شده با لینک بازنشانی
`.text-decoration-none`	دکوریشن متن را حذف می کند
`.text-ellipsis`	جمع شوندگی متن و نقطه پایان خودکار
`.text-wrap`	پوشش دهی متن
`.text-nowrap`	جلوگیری از پوشش دهی متن.
`.text-break`	برای شکستن استرینگ بلند

مثال استفاده

<p class="text-muted">متن بی صدا شده با <a href="#" class="text-reset">لینک بازنشانی</a></p>