آموزش کار با Popover در Bootstrap 4-قسمت33

سلام و خدا قوت به شما دوستان همراه و حرفه ای با یه آموزش دیگه با عنوان Popover در بوت استرپ 4 در خدمتتون هستیم. بوت استراپ Bootstrap چیست؟ بوت استراپ یک framework متشکل از CSS و Javascript است . که به کمک این framework در کمترین زمان می توانید وب سایت های واکنشگرا با اولویت نمایش در موبایل طراحی کنید. Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد گرافیک صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد این framework به راحتی با تمام سیستم های مدیریت محتوا مثل جوملا و وردپرس و زبان های Asp.net ,Java, Php هماهنگ شده و می توانید در زمان توسعه صرفه جویی کنید. نسخه جدید Joomla ازآخرین نسخه ی بوت استراپ یعنی Bootstrap 4 استفاده خواهد کرد. استفاده از Bootstrap 4 کاملا رایگان می باشد. آموزش کار با Popover در Bootstrap 4: کامپوننت Popover بسیار شبیه کادر راهنما tooltip است که در درس قبل به آموزش آن پرداختیم. Popover یک کادر ظاهر شونده pop up است که در هنگام کلیک کاربر بر روی یک المنت، ظاهر می شود. با tooltip دو فرق عمده دارد : یکی این که با کلیک بر روی المنت فعال می شود عبور موس از روی آن و دوم این که می تواند حاوی محتویات بیشتری باشد. آموزش نحوه ایجاد کادر Popover در بوت استرپ 4: برای ایجاد یک کادر Popover در بوت استرپ 4، خاصیت data-toggle=” Popover” را به المنت مورد نظر بدهید. سپس از خاصیت title برای تعیین متن هدر (Header) کادر Popover استفاده کرده و به وسیله خاصیت data-content، متن ی که می خواهید درون بدنه (body) آن نمایش داده شود را تعیین نما