سلام برنامه | HiProgram

در خدمت شما هستیم با آموزش 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 جلسه پنجم (تمرینcolوrow)

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

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