مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، همترازی عمودی ( Vertical Alignment )

آموزش بوت استرپ ، همترازی عمودی ( Vertical Alignment )

آموزش بوت استرپ ، همترازی عمودی ( Vertical Alignment )

با استفاده از کلاس های .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-top می توان بنا به نیاز، عنصر مورد نظر را تراز عمودی کرد.

همانطور که در این مثال ها می بینید، با استفاده از کلاس های ترازبندی در بوت استرپ، حتی عناصر جدول ها هم می توانیم تراز بندی کنیم.

موقعیت عناصر

با استفاده از دستورات کمکی بوت استرپ، می توان به سادگی موقعیت عناصر در صفحه را تعیین کرد.

مثلاً:

موقعیت ثابت Fixed

با استفاده از این موقعیت، می توانیم عناصر را در هر جایی از صفحه، به عنوان یک عنصر ثابت داشته باشیم:

با استفاده از دستور زیر و استفاده از کلاس .sticky می توان بر روی صفحه، المانی به عنوان یک استیکی نوت داشته باشم:

حاشیه ها در بوتسرپ Borders

با استفاده از کلاس های تعریف شده در بوت استرپ، بسیار ساده می تواند انواع مختلف حاشیه ها را به کار برد.

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

 

تاریخ آخرین بروزرسانی : ۲۴ آبان ۱۳۹۶
منبع :‌ مردان وردپرس
سجاد رحمانی نژاد

کارشناس طراحی UI وب ، بیش از سه سال سابقه طراحی و کار اجرایی در سازمان های مختلف و به صورت مستقل ( Freelance ) همچنین مدرس دوره های طراحی وب در آموزشگاه های تهران و کرج.

Advertising MiSaCo.

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.