نمادها

شما اینجا هستید

آموزش Bootstrap جلسه ششم (تایپوگرافی)

در خدمت شما هستیم با آموزش Bootstrap جلسه ششم (تایپوگرافی)

آموزش Bootstrap جلسه ششم (تایپوگرافی) از سری آموزش های تک قسمتی است

سلام برنامه در این جلسه درباره تایپوگرافی که مربوط به ظاهر و فوت ها می شود بحث می کند

بوت استرپ در ساختار اندازه ای و ظاهری فونت ها و هدینگ ها تغییراتی به وجود آورده است

ما نیز از این تغییرات برای بهبود و زیبا تر کردن سایت هایمان استفاده می کنیم

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

تایپوگرافی heading

همانطور که گفته شد در بوت استرپ سایز heading ها تغییر یافته است که به ترتیب سایز آن ها را برای شما میگوییم.

  • heading1 : هدینگ یک یا همان h1 در بوت استرپ سایز ۳۶px را به خود گرفته است.
  • heading2: هدینگ ۲ که همان h2 است نیز مقدار ۳۰px را به خود گرفته است.
  • heading3: این هدینگ نیز مقدار ۲۴px را به خود گرفته که h3 است.
  • heading4: هدینگ ۴ مقدار ۱۸px را گرفته که همان h4 است.
  • heading5: این هدینگ که همان h5 است مقدار ۱۴px را به خود میگیرد.
  • heading6: و در نهایت آخرین هدینگ که همان h6 است مقدار ۱۲px را میگیرد.

تگ های typography

برخی از تگ ها که برای تایپوگرافی استفاده میشوند نیز تغییراتی در بوت استرپ داشته اند.
آموزش بوت استرپ که در این مقاله داده میشود صرفا تعدادی از آن ها را معرفی میکند.

جالب است بدانید کلاس هایی برای تگ های تایپوگرافی با نام خودشان در بوت استرپ تعریف شده است.
به عنوان مقال به موارد زیر توجه کنید:

  • <blockquote> : ما از این تگ برای نقل قول ها استفاده میکنیم حال برای آن کلاس blockquote-reverse. تعریف شده که آن را برعکس میکند.
  • برای نوشتار و فونت ها کلاس هایی نظیر text-primary.text-success.text-info.text-warning, .text-danger.تعریف شده است.
  • همچنین با اضافه کردن bg در کلاس ها میتوانید بک گراند ایجاد کنید مثل bg-success.bg-info.bg-warning.

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

آموزش Bootstrap جلسه ششم (تایپوگرافی)

می توانید دیگر قسمت ها را در لینک زیر ببینید

آموزش Bootstrap جلسه پنجم (تمرینcolوrow)

آموزش Bootstrap جلسه هفتم (جداول)

 

شما می توانید این آموزش را به صورت آنلاین از ویدیو زیر ببینید

همچنین در صورت علاقه می توانید این آموزش را از باکس دانلود موجود در زیر همین پست دانلود نمایید
اگر این مطلب آموزنده بود به ما امتیاز دهید
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (1 رای, میانگین: 5٫00 امتیاز از 5)
Loading...

این یک فایل mp4 تصویری است که با پلیر های ویدیویی قابل اجرا می باشد

دانلود آموزش Bootstrap جلسه ششم (تایپوگرافی): نوع فایل:mp4 حجم فایل:34.05 مگابایت

هر پلیر اجرا کننده فایل ویدیویی

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.