دوره مجازی بوت استرپ (جلسه 15) : جاوااسکریپت در بوت استرپ - بخش پایانی -منوهای آکاردئون و تولتیپ ها

- visibility ۶ mode_comment

در جلسه پانزدهم و بخش پایانی مبحث جاوا اسکریپت دوره آمورشی فریم ورک بوت استرپ می پردازیم به ادامه مبحث collapse ها و همچنین نحوه ایجاد منوهای آکاردئون رو فراخواهیم گرفت.تولتب ها و پاپ آور ها رو همراه با متد های جاوااسکریبتی شان بررسی خواهیم و در پایان هم به معرفی Alert box ها خواهیم پرداخت...

info نکته :

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

 

مطالب مطرح شده در این جلسه عبارتند از :

  • کنترل collapse ها توس دکمه ها
  • بررسی متد های collapse ها در جاوااسکریپت
  • نحوه ایجاد آیکون های کنترلی برای collapse ها توسط جاوا اسکریپ وقایع hide.bs.collapse
  • نحوه ایجاد accordion menu
  • بررسی اتریبیوت data-parent
  • نحوه ایجاد تولتیپ ها و نحوه فعال سازی آن توسط جاوا اسکریپت
  • بررسی اتریبیوتtitlte
  • بررسی اتریبیوت data-palacement  و مقادیر آن
  • نحوه ایجاد popover ها و بررسی تفاوت آنها با tooltip ها
  • بررسی اتریبیوت data-container و دلیل استفاده از آن
  • بررسی اتریبیوت data-trigger برای کنترل رفتار popover ها
  • بررسی اتریبیوت data-content
  • بررسی alert box ها
  • بررسی کلاس alert
  • بررسی کلاس alert-info
  • بررسی کلاس alert-warning
  • بررسی کلاس alert-succcess
  • بررسی کلاس alert-warning
info توجه

این مطلب یک جلسه از دوره آموزش بوت استرپ می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش بوت استرپ

comment دیدگاه کاربران

تشکر از زحمات شما
استاد عزیز چند جلسه مونده تا پایان 😆

وحید صالحی

سلام آقایی ابراهیمی ممنون از شما فقط پروژه ها باقی مانده که الان که دارم پاسختون رو می نویسم در حال تهیه اش هستم و چون حجم مباحث بالا هست و یکسری امکانات بیشتری رو به قالب هایی که در جلسه معرفی دوره و فایل دمو خدمتتون نمایش دادیم اضافه کردیم تهیه شون زمان بیشتری میبره بخاطر همین روز 5 شنبه طبق اطلاع رسانی که کردیم جلسه ای رو منتشر نکردیم اما سعی میکنیم در 5 تا 6 جلسه بین 2 تا 2 و نیم ساعته پروژو ها رو خدمتتون ارائه و آموزش بدیم ممنونیم از صبر و شکیبایی شما عزیزان
موفق باشید

حمید رضا مصطفی زاده

سلام استاد وقت بخیر
در قسمت های آکاردیونی که شما گفتید اگر متن زیاد شود میرود زیر و دیگر قابل نمایش نیس
مگر اینکه col-md ها رو زیادتر کنیم که بازم جالب نیس و خیلی عریض میشه
راه کاری برای این کار سراغ هست؟
سوال دیگم
در قسمت popover ها هم که میفرمایید در کروم به خوبی اجرا نشد (اما در موزیلا که درس میدهید درست بود) ممکنه بوت استرپ با مرورگرهای مختلف یه سری جاهاش اختلاف داشته باشه؟
اگر پاسخ این سوال مثبته در چند درصد موارد؟

وحید صالحی

راهکارش همون حالتی هست که بیان د و دیگه به سلیقه خودتون بر می گرده که به چه صورت استقاده کنید.برای عدم نمایش صحیح هم اگر چنین مشکلی دارید یه فایل normalize.css به سندتون اضافه کنید مشکل برطرف میشه در گوگل جستجو و دانلود کنید

hojat

سلام
من قبلا با popover کار کردم ولی الان توی تمرین مجدد به مشکل برخوردم.به اینصورت که نحوه چیدمان popover هم در کروم و هم موزیلا مشکل داره و بخوبی نمایش نمیده و از لینک مربوطه خیلی فاصله داره.تمام کدها رو چک کردم مشکلی نداشت حتی از سند شما که در همین پست استفاده کردم درست نشد.بعد از کلی درگیری فایل اصلی بوت استرپ رو جایگزین کردم که مشکل حل شد!!!کدهای popover راست چین شده با نسخه اصلی رو چک کردم دیدم یه تغییراتی ایجاد کردن به کدها که باعث این اختلال شده…
دوستان اگه همچین مشکلی براتون پیش اومد از نسخه اصلی بوت استرپ تمام کلاس های .popover رو در نسخه راست جایگزین کنید و تنها ویژگی font-family رو از سلکتور اول حذف کنید تا مشکل برطرف شه.
موفق باشید.

حاجی زاده

درود.
من هم همین مشکل رو داشتم، بعد از جایگذاری کلاس‌های popover مشکل حل شد.
نمی دونم چرا شما ویژگی Font-Family رو حذف کردی! من هم بدون حذف و هم با حذف ویژگی Font-Family آزمایش کردم و هیچ مشکلی نداشتم!
باید پرونده (فایل) CSS Custom رو بعد از پرونده (فایل) بوتسترپ، پیوند (لینک) کنی به سندت که Font دلخواه خودت اعمال بشه.
با تشکر.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.