آموزش کار با متن (Text) و تایپوگرافی در bootstrap 4 :

در این بخش از آموزش، درادامه مبحث grid system ها با کلاس های no-gutters و order آشنا می شوید و همچنین به معرفی کلاس های، کار با متن و فونت در bootstrap 4 پرداخته ایم.
کلاس های مربوط  به کار با متن و تایپو گرافی :
کلاس های آماده شده توسط بوت استرپ هستند که برای استایل دهی و کنترل کردن متن و فونت استفاده می شوند. شامل کلاس های زیر می باشند:
 

• Text-left : متن را از سمت چپ تراز می کند.
• Text-right : متن را از سمت راست تراز می کند.
• Text-center : متن را از وسط  تراز می کند.
• Text-justify : متن را از سمت چپ  و راست تراز می کند.
• Text-nowrap : ازشکسته شدن متن جلوگیری می کند.

 

• Text-truncate :   از بیرون رفتن متن از کادر جلوگیری می کند و تا اتهای کادر شما متن را نشان می دهد و اگر متن شما بیشتر از محدوده کادر باشد آن را نمایش نمی دهد و با علامت (...) متن را خاتمه می دهد.

 

• Text-capitalize : حروف اول هر کلمه را به حروف بزرگ تبدیل می کند.

 

• Text-lowercase : متن را به حروف کوچک تبدیل می کند.

 

• Text-uppercase : متن را به حروف بزرگ تبدیل می کند.

 

• Text-break : در صورت طولانی بودن متن، آن را شکسته و زیر هم نمایش می دهد.
• Text-monospace : عرض حروف یک کلمه یا متن را به صورت یکسان تنظیم می کند.

 

 

 

• Text-reset : رنگ یک متن یا پیوند را تنظیم می کند. (از‌‌‌‌‌ ‌والد خود به ارث می برد)
• Text-decoration-none : خط زیر یک کلمه را حذف می کند. مانند خط  لینک

 

• Font-weight : وزن فونت را مشخص می کند. 

1. Font-weight -lighter
2. Font-weight -light
3. Font-weight -normal
4. Font-weight -bold
5. Font-weight -bolder
6. Font –italic 

انجمن برنامه نویسان وب