صفحه اصلی / دوره‌های آموزشی / آموزش بوت استرپ 4 از مقدماتی تا پیشرفته / آموزش کار با مهمترین ترین Utility ها در بوت استرپ 4

آموزش کار با مهمترین ترین Utility ها در بوت استرپ 4

آموزش کار با مهمترین ترین Utility ها در بوت استرپ 4
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.
84,600 تومان

جلسات دوره


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

مهدی عباسی

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

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

آموزش مهمترین ترین Utilityها در بوت استرپ 4:


در این بخش از آموزش، با سایر utilityها در بوت استرپ 4  آشنا می شوید. که شامل موارد زیر می باشند:

  • Shadow
  1. shadow: برای ایجاد سایه استفاده می‌شود.
  2. shadow-none: این کلاس باعث عدم نمایش سایه می‌شود.
  3. shadow-sm: برای ایجاد سایه با سایز کوچک از این کلاس استفاده می‌کنیم.
  4. shadow-lg: برای ایجاد سایه با سایز بزرگ از این کلاس استفاده می‌کنیم.
  • Stretched-link: این کلاس باعث می‌شود که والد لینک موردنظر هم قابل کلیک باشد.
  • Overflow
  1. Overflow-hidden: محتوای سر ریز شده از یک شی را پنهان می‌کند.
  2. Overflow-auto: باعث ایجاد اسکرول عمودی می‌شود.
  • Visibility: برای نمایش یا عدم نمایش شی از کلاس‌های زیر در بوت استرپ 4  استفاده می‌کنیم:

1. Invisible: یک شی را پنهان می‌کند.
2. Visible: برای نمایش یک شی می‌باشد.

  • Display: در css از خاصیت display با مقادیر مختلف استفاده می کردیم. در بوت استرپ 4 می‌توانیم از این خاصیت توسط کلاس‌های زیر استفاده کنیم:
  1. d-none: برای مخفی کردن شی از این کلاس استفاده می‌کنیم. معادل : display:none می‌باشد.
  2. d-inline: شی فقط به اندازه خودش فضا را اشغال می‌کند.
  3. d-block: شی به صورت تمام عرض نمایش داده می‌شود.
  4. d-inline-block: شی به صورت inline و block نمایش داده می‌شود.
  5. d-table: برای ایجاد ساختار جدول استفاده می‌شود.
  6. d-table-row: شی را به صورت یک سطر از جدول نمایش می‌دهد.
  7. d-table-cell: شی را به صورت یک ستون از جدول نمایش می‌دهد.
  • Display-print: از کلاس‌های زیر برای نمایش دادن شی در زمان چاپ کردن صفحه استفاده می‌شود: کاربردهای هرکدام را در قسمت بالا توضیح دادیم.
  1. d-print-none
  2. d-print-inline
  3. d-print-block
  4. d-print-inline-block
  5. d-print-table
  6. d-print-table-row
  7. d-print-table-cell


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

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

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

 

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

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

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

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

281