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

 

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

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

تایپوگرافی و نوشته ها:

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

 

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

 

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

 

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

 

 

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

 

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

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

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

 

 

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

 

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

 

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

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