صفحه اصلی / دوره‌های آموزشی / آموزش بوت استرپ 4 از مقدماتی تا پیشرفته / آموزش تخصصی Position و Float در بوت استرپ 4

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

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

جلسات دوره


                       
مهدی عباسی
مدرس:

مهدی عباسی

18 سال سابقه برنامه‌نویسی و تدریس برنامه‌نویسی
کسب مقام‌های اول و دوم کشوری در مسابقات برنامه‌نویسی

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

یادگیری 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

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

 

نظرات دانشجویان

نظر شما در تصمیم دیگران اثرگذار است.

لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.
ثبت نام

282