آموزش بوت استرپ-قسمت سوم

  • شروع کننده موضوع
  • #1

developzoom

کاربر نیمه‌فعال
ارسال‌ها
5
امتیاز
0
نام مرکز سمپاد
-
شهر
تهران
مدال المپیاد
-
دانشگاه
-
رشته دانشگاه
-
developzoom-bootstrap-typography.png


قسمت سوم از سری آموزش های بوت استرپ از سایت آموزش برنامه نویسی .

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

بوت استرپ به صورت پیش فرض یک سری استایل دهی دارد برای مثال:
خاصیت font-size در حالت پیش فرض ۱۴px و خاصیت line-height در حالت مقدار ۱٫۴۲۸ را به خود می گیرد.
خاصیت margin-bottom برای همه پاراگراف ها ۱۰px در نظر گرفته شده.
حالا نگاهی به چند تگ می اندازیم که در حالت پیش فرض چه استایلی با بوت استرپ دارند؟

بوت استرپ برای تگ های h1 تا h6 استایل و اندازه زیر را در نظر می گیرد:

bootstrap1-1.png


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

bootstrap2.png



تگ mark معمولا برای جلب توجه به یک عبارت یا اصطلاحا برای highlight استفاده می شود:

bootstrap3.png


تگ abbr به صورت زیر نمایش داده می شود:

bootstrap4.png


تگ blockquote در بوت استرپ به صورت زیر می باشد:

bootstrap6.png


نکته: برای نمایش تگblockquote به صورت راست چین می توانید از کلاس blockquote-reverse. استفاده کنید

تگ dl در بوت استرپ به شکل زیر می باشد:

bootstrap6.png


تگ code در بوت استرپ به صورت زیر نمایش داده می شود:

bootstrap7.png


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

bootstrap8.png


ما در این آموزش سعی کردیم به تایپوگرافی هایی از بوت استرپ که کمتر به آن اشاره شده بود نگاهی داشته باشیم برای داشتن لیست کامل این تایپوگرافی ها کافیست در گوگل عبارت Bootstrap Typography Reference را جستجو کنید.

منبع : آموزش وردپرس
 
بالا