آموزش تخصصی Position و Float در بوت استرپ 4


آموزش تخصصی Position و Float در بوت استرپ 4
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.

یادگیری Position و Float در بوت استرپ 4:


در این بخش از آموزش، با مباحث position که تعیین کننده موقعیت اشیا در صفحه هستند و float که برای شناور کردن اشیا در صفحه استفاده می‌شوند، آشنا می‌شوید.

  • Position: برای استفاده از position در بوت استرپ 4 از کلاس‌های زیر استفاده می‌کنیم:
  1. position-absolute: شی نسبت به والد خود جا به جا می‌شود.
  2. position-relative: شی نسبت به موقعیت فعلی خود جا به جا می‌شود.
  3. position-sticky: هنگام اسکرول صفحه، شی در موقعیت تعیین شده ثابت می‌شود.
  4. position-static: position اشیا به صورت پیش فرض static می‌باشد. شی امکان فاصله از 4 جهت را ندارد.
  5. position-fixed: شی در یک موقعیت مشخص شده ثابت می‌شود.
  6. fixed-top: از این کلاس برای چسباندن یک شی بالای صفحه استفاده می‌شود.
  7. fixed-bottom: از این کلاس برای چسباندن یک شی  پایین صفحه استفاده می‌شود.
  8. sticky-top: هنگامی که صفحه اسکرول شود، شی به بالای صفحه میچسبد.

 

  • Float
  1. float-right: با استفاده از این کلاس می‌توانیم یک شی را در سمت راست قرار دهیم.
  2. float-left: با استفاده از این کلاس می‌توانیم یک شی را در سمت چپ قرار دهیم.
  3. float-none: با استفاده از این کلاس تعیین می‌کنیم که شی خاصیت float نداشته باشد.
  4. Clear-fix: این کلاس هنگام استفاده از float کاربرد دارد، که باعث از بین رفتن اثر float می‌شود.

 


برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد، درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley

انجمن برنامه نویسان وب

 


نظر بدهید نظر شما در تصمیم دیگران اثرگذار است. لطفا برای ما و همراهان درسمن نظر خود را بنویسید.
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.


مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات : جلسه
مدت زمان : 661 دقیقه
حجم دوره : 2/78 گیگابایت
سطح مهارت : مقدماتی تا پیشرفته
وضعیت دوره : پایان یافته
تعداد دانشجویان : 1427
: میانگین امتیاز
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی

مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و ....