یادگیری sizing و کاربرد آن در بوت استرپ 4:

در این بخش از آموزش، با مبحث بسیار کاربردی sizing در بوت استرپ 4 آشنا خواهید شد. این بخش از اهمیت بسیار بالایی برخوردار است، زیرا ما همیشه به دنبال آن هستیم که بتوانیم عرض و ارتفاع اشیاء خود را کنترل کنیم. در این ویدئو هرآنچه که شما برای نحوه صحیح سایزدهی به آن نیاز دارید گفته خواهد شد.

 Sizing:
w-*: از این کلاس برای تنظیم عرض استفاده می‌شود. شامل مقادیر w-25, w-50, w-75, w-100 می‌باشد.
h-*: از این کلاس برای تنظیم ارتفاع استفاده می‌شود. شامل مقادیر  h-25, h-50, h-75, h-100می‌باشد.

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

• vw-100(viewport width) :viewport عرض
• vh-100(viewport height) :viewport ارتفاع

 

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

 

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

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