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

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

آموزش کار با کامپوننت های Carousel و Tooltips در بوت استرپ 4
براي خريد اين درس نياز است وارد سايت شويد. در صورت نداشتن حساب کاربري عضو شويد.
72,000 تومان

جلسات دوره


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

مهدی عباسی

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

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

آموزش کامپوننت‌های Carousel و Tooltip در بوت استرپ 4:


در این بخش از آموزش، با کامپوننت‌های Carousel و Tooltip در بوت استرپ 4 آشنا می شوید.

 

Carousel: اسلایدرهای تصویر هستند.

  • Carousel: برای ایجاد اسلایدر از این کلاس استفاده میکنیم.
  • carousel-inner: برای اضافه کردن اسلایدها استفاده میشود.
  • carousel-item: برای ایجاد محتوای هر اسلاید میباشد.
  • Slide: برای ایجاد افکت و انیمیشن هنگام تعویض اسلایدها، استفاده میشود.
  • data-slide-to: با استفاده از ویژگی میتوانیم مشخص کنیم که هنگام کلیک روی یک نقطه خاص، به کدام اسلاید برود.
  • carousel-caption: با استفاده از این کلاس میتوانیم محتوای متنی به هر اسلاید اضافه کنیم.
  • interval (js): با استفاده از این ویژگی جاوا اسکریپت میتوانیم مدت زمان تعویض اسلایدها را تعیین کنیم.

 

Tooltip: معمولا متن‌های توضیحی هستند، که با قرار گرفتن ماوس روی اشیاء یا المان‌های داخل صفحه نمایش داده می شوند.

  • data-toggle = “tooltip”: برای ایجاد tooltip برای هر عنصر، این ویژگی را به آن عنصر اضافه میکنیم.
  • data-placement: مکان نمایش کادر tooltip نسبت به عنصر مرتبط با آن را، مشخص می کند. شامل مقادیر top،bottom ،  left و right می باشد.
  • title: برای مشخص کردن متن پیغام tooltip استفاده می شود.

 


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

 

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

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

 

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

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

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

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

295