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


آموزش کار با متن  (تایپوگرافی) در بوت استرپ 4
برای خرید این درس نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

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

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

 

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

کار با متن در بوت استرپ 4 - سر ریز متن از کادر

 

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

Text-truncate در بوت استرپ 4 - جلوگیری از بیرون رفتن متن

 

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

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

 

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

تبدیل متن به حروف کوچک در بوت استرپ 4

 

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

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

 

  • 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 

Font-weight در بوت استرپ - وزن متن


امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،
برای یادگیری این مبحث می توانید این درس را خریداری کنید و از فایل ها و ویدئو این بخش استفاده کنید.
درصورت سوال و یا مشکل می توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley

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


نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 24 جلسه
مدت زمان 601 دقیقه
حجم دوره 2/76 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
: میانگین امتیاز

175,000تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در ... ر انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.بیشتر بدانید