مودال ها
- آسن
- رابط کاربری پایه
- مودال ها
مودال های بوت استرپ
یک مودال ارائه شده با هدر ، بدن و مجموعه ای از اقدامات در پاورقی.
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت
Large modal
Small modal
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در زبان فارسی ایجاد کرد. در این صورت می توان امید داشت
عنوان مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
مودال با صفحات
نمونه هایی از ماژال های سفارشی.
هشدارهای مبتنی بر مودال
پیام های هشدار متنی مختلف را با استفاده از مؤلفه مودال نشان دهید
خوب!
تبریک می گویم!شما به موفقیت رسیده اید! 🎉 سخت کوشی ، فداکاری و پشتکار شما پرداخت شده است.کار عالی را ادامه دهید و به تلاش برای تعالی ادامه دهید.
سر به بالا!
لطفاً مطلع شوید که سکوی ما در تاریخ 21 آوریل از ساعت 10:30 تا 11:45 بعد از ظهر تحت تعمیر و نگهداری برنامه ریزی شده قرار خواهد گرفت.
اطلاعات نادرست
ما فعالیت مشکوک را در سکو خود تشخیص داده ایم.به عنوان یک اقدام احتیاطی ، ما از همه کاربران می خواهیم تا از ورود به سیستم یا ارائه اطلاعات شخصی تا اطلاع قبلی خودداری کنند.
آه اسنپ!
نقض امنیتی بحرانی بر روی پلتفرم ما مشخص شده است.اطلاعات شخصی و داده های حساس شما ممکن است در معرض خطر باشد.
موقعیت مودال
موقعیت را برای مودال مشخص کنید.با مشخص کردن می توانید در بالا ، پایین یا مرکز صفحه ، مودال را نمایش دهید کلاس modal-top, modal-bottomو modal-dialog-centered به ترتیب.
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
مودال وسط
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
مدالهای هدر رنگی
یک مودال ارائه شده با هدر داشتن رنگ پس زمینه متنی.
عنوان مودال
پیش زمینه
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
عنوان مودال
پیش زمینه موفقیت
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
عنوان مودال
پس زمینه اطلاعات
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
عنوان مودال
پیشینه
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
عنوان مودال
پیش زمینه خطر
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
عنوان مودال
پس زمینه تاریک
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
مودال های پر شده
یک مودال ارائه شده با هدر ، بدن و پاورقی که دارای رنگ پس زمینه متنی است.
مودال پر شده اولیه
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
موفقیت مودال را پر کرد
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
اطلاعات پر شده مودال
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
هشدار مودال را پر کرد
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
خطر پر از مودال
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
مودال پر از تیره
چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد.
کتابهای زیادی در شصت و سه درصد گذشته، حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
چند مودال
یک سری از مدالها را یک به یک نمایش دهید تا کاربران خود را از جنبه های مختلف راهنمایی کنید یا از ورودی های عاقلانه استفاده کنید.
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
عنوان مودال
متن در یک مودال
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ.
جابجایی بین مودال ها
بین چند مودال با قرار دادن هوشمندانه از data-bs-target و data-bs-toggle ویژگی.
مودال 1
مودال 2
مودال تمام صفحه
اورراید دیگر گزینه ای برای ظاهر شدن یک مودال است که نمای کاربر را پوشش می دهد ، از طریق کلاس های اصلاح کننده که در یک قرار می گیرند موجود است.modal-dialog
پس زمینه استاتیک
هنگامی که Backdrop روی استاتیک تنظیم شده است ، هنگام کلیک کردن در خارج از آن ، مودال بسته نمی شود.برای امتحان کردن روی دکمه زیر کلیک کنید.
عنوان مودال
اگر در خارج از من کلیک کنید ، بسته نخواهم شد.حتی سعی نکنید کلید فرار را فشار دهید.
محتوای مودال متفاوت
دسته ای از دکمه ها را دارید که همه آنها را با محتوای کمی متفاوت تغییر می دهند؟استفاده کردن event.relatedTarget and HTML data-bs-* ویژگی برای تغییر محتوای مودال بسته به اینکه کدام دکمه کلیک شده است.