آموزش تخصصی Position و Float در بوت استرپ 4
یادگیری Position و Float در بوت استرپ 4:
در این بخش از آموزش، با مباحث position که تعیین کننده موقعیت اشیا در صفحه هستند و float که برای شناور کردن اشیا در صفحه استفاده میشوند، آشنا میشوید.
- Position: برای استفاده از position در بوت استرپ 4 از کلاسهای زیر استفاده میکنیم:
- position-absolute: شی نسبت به والد خود جا به جا میشود.
- position-relative: شی نسبت به موقعیت فعلی خود جا به جا میشود.
- position-sticky: هنگام اسکرول صفحه، شی در موقعیت تعیین شده ثابت میشود.
- position-static: position اشیا به صورت پیش فرض static میباشد. شی امکان فاصله از 4 جهت را ندارد.
- position-fixed: شی در یک موقعیت مشخص شده ثابت میشود.
- fixed-top: از این کلاس برای چسباندن یک شی بالای صفحه استفاده میشود.
- fixed-bottom: از این کلاس برای چسباندن یک شی پایین صفحه استفاده میشود.
- sticky-top: هنگامی که صفحه اسکرول شود، شی به بالای صفحه میچسبد.
- Float
- float-right: با استفاده از این کلاس میتوانیم یک شی را در سمت راست قرار دهیم.
- float-left: با استفاده از این کلاس میتوانیم یک شی را در سمت چپ قرار دهیم.
- float-none: با استفاده از این کلاس تعیین میکنیم که شی خاصیت float نداشته باشد.
- Clear-fix: این کلاس هنگام استفاده از float کاربرد دارد، که باعث از بین رفتن اثر float میشود.
برای یادگیری این مبحث مثالها و نکتههای متعددی را در فایل ویدئویی آوردهایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.
امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد، درصورت سوال و یا مشکل میتوانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.
انجمن برنامه نویسان وب
جلسات دوره
مهدی عباسی
مهدی عباسی هستم، مسلط به حداقل ۲۰ زبان مطرح برنامه نویسی به صورت پیشرفته، مدیر عامل شرکت آریا نرم افزار و بنیانگذار آکادمی درسمن، مسلط به تدریس دروس تخصصی کاردانی و کارشناسی کامپیوتر، پایگاه داده ها، برنامه نویسی پیشرفته، مبانی برنامه نویسی، مباحث ویژه طراحی وب و .... مطالعه بیشتر رزومه
نظر شما در تصمیم دیگران اثرگذار است.
لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.