قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ

قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ + ویدیو

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

در قسمت های پیشین دوره ی بوت استرپ به بررسی نحوه ی نصب بوت استرپ و تقسیم بندی بوت استرپ پرداختیم.

برای سهولت استفاده میتوانید بر روی لینک های زیر کلیک کنید تا به تیترمورد نظر در مقاله هدایت شوید:

ساختار های پیش فرض bootstrap 4

بوت استرپ به عنوان پیش فرض از سایز فونت (font-size) 16 پیکسل و ارتفاع خط (line-height) 1.5 استفاده میکند.

فونت های پیش فرض بوت استرپ “Helvetica Neue”, Helvetica, Arial, sans-serif می باشند.

علاوه بر این تمام تگ های p دارای المان css (margin-top:0px;) و المان (margin-bottom:1rem) یا ۱۶ پیکسل می باشد.

تگ های h1 تا h6

تگ های h1 تا h6 با استایلی متفاوت تر وزن فونت زخیم تر ، سایز افزایش یافته در بوت استرپ :

بخش های نمایش

بخش های نمایش برای استفاده از سایز های بزرگتر استفاده خواهند شد ، بخش های نمایش از تگ های h1 تا h6 به نسبت بزرگتر هستند.

برای استفاده از بخش های نمایش باید از چهار کلاس .display-1 , .display-2 , .display-3 , .display-4 استفاده کرد.

تگ small

در بوت استرپ ۴ از تگ small در دسته تایپوگرافی وقتی استفاده میشود که نیاز به متن ثانویه ای کوچکتر باشد:

تگ mark

تگ مارک مخصوص نشانه گذاری قسمتی از محتوای شماست که با رنگ زرد و مقداری فاصله است بصورت زیر :

تگ abbr

این تگ مخصوص توضیحات بیشتر است که با نقطه چین زیر نوشته مشخص میشود:

تگ blockqoute

برای جداکردن نقل قول باید از کلاس blockqoute استفاده کرد به مثال زیر توجه کنید:

تگ dl

بوت استرپ ۴ تگ dl را در دسته تایپوگرافی بصورت زیر تعریف میکند:

تگ code

تگ کد در بوت استرپ ۴ بصورت زیر تعریف میشود :

تگ kbd

تگ kbd در بوت استرپ ۴ بصورت زیر تعریف شده است:

تگ pre

تگ pre در بوت استرپ بصورت زیر است:

ویدیوی قسمت سوم

برای مطالعه موارد بیشتر میتوانید به سایت getbootstrap مراجعه کنید.

امیدوارم این اموزش برای شما عزیزان مفید واقع شده باشد.

موفق باشید.

برچسب ها : Bootstrap 4، اموزش bootstrap

دیدگاه تازه ای بنویسید