کامپونت ها
  • گزینه های فیلتر

سایت های سریع و واکنشگرا را با بوت استرپ بسازید

ابزارهای جلوی قدرتمند ، توسعه یافته و پر از ویژگی.با SASS بسازید و سفارشی سازی کنید ، از سیستم و مؤلفه های شبکه از پیش ساخته استفاده کنید و پروژه ها را با افزونه های قدرتمند JavaScript زنده کنید.

ما از نسخه bootstrap@5.3.6 استفاده می کنیم

رسمی
آکاردئون

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

این بدنه آکاردئون اولین مورد است. به طور پیش فرض نشان داده می شود ، تا افزونه سقوط کلاسهای مناسبی را که ما استفاده می کنیم اضافه می کند هر عنصر را سبک کنید. این کلاس ها ظاهر کلی و همچنین نمایش و مخفی کردن از طریق انتقال CSS. شما می توانید هر یک از این موارد را با CSS های سفارشی یا غلبه بر متغیرهای پیش فرض ما اصلاح کنید. همچنین ارزش دارد با توجه به اینکه تقریباً در مورد هر HTML می تواند وارد شود در اسناد بدن ، اگرچه انتقال باعث افزایش سرریز می شود.

این بدنه آکاردئون مورد دوم است. به طور پیش فرض پنهان می شود ، تا افزونه سقوط کلاسهای مناسبی را که ما استفاده می کنیم اضافه می کند به سبک هر عنصر. این کلاس ها ظاهر کلی و همچنین نمایش را کنترل می کنند و مخفی کردن از طریق انتقال CSS. شما می توانید هر یک از این موارد را با CSS های سفارشی یا غلبه بر متغیرهای پیش فرض ما اصلاح کنید. همچنین ارزش دارد با توجه به اینکه تقریباً در مورد هر HTML می تواند وارد شود در اسناد بدن ، اگرچه انتقال باعث افزایش سرریز می شود.

این بدنه آکاردئون مورد سوم است. به طور پیش فرض پنهان می شود ، تا افزونه سقوط کلاسهای مناسبی را که ما استفاده می کنیم اضافه می کند به سبک هر عنصر. این کلاس ها ظاهر کلی و همچنین نمایش را کنترل می کنند و مخفی کردن از طریق انتقال CSS. شما می توانید هر یک از این موارد را با CSS های سفارشی یا غلبه بر متغیرهای پیش فرض ما اصلاح کنید. همچنین ارزش دارد با توجه به اینکه تقریباً در مورد هر HTML می تواند وارد شود در اسناد بدن ، اگرچه انتقال باعث افزایش سرریز می شود.
هشدارها

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

نماد

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

profile profile profile profile
نشان

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

اصلی ثانی موفقیت خطر هشدار اطلاعات روشن تاریک
گروه دکمه

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

دکمه

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

کارت

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

عنوان کارت

برخی از نمونه های نمونه سریع برای ساخت عنوان کارت و تشکیل بخش عمده کارت محتوا

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

داشبورد از Chart.js برای نمودارهای خود استفاده می‌کند. برای اطلاعات دقیق، لطفاً به مستندات رسمی این پلاگین مراجعه کنید.

<div class = "نمودار">
<canvas class = "Chart-canvas" id = "totaluserschart"> </canvas>
</div>

<cript>
نمودار جدید (document.getElementById ('ChartId') ، {...}) ؛
</اسکریپت>
دکمه بستن

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

فروپاشی

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

برخی از محتوای نگهدارنده مکان برای مؤلفه فروپاشی. این پانل به طور پیش فرض پنهان است اما فاش شده است وقتی کاربر مربوطه را فعال می کند ماشه
اشکال

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

ما هرگز ایمیل شما را با شخص دیگری به اشتراک نمی گذاریم.
اندازه اندازه

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

گروه لیست

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

  • یک مورد
  • یک مورد دوم
  • یک مورد سوم
  • یک مورد چهارم
  • و یک پنجم
Offcanvas

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

نمونه
Offcanvas
برخی از متن ها به عنوان مکان نگهدارنده. در زندگی واقعی می توانید عناصری را که انتخاب کرده اید داشته باشید. مانند ، متن ، تصاویر ، لیست ها و غیره
صفحه بندی

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

متخلف

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

پاپ

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

پیشرفت

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

چرخ

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

اسپینر در حال رشد
جداول

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

#اولیآخریندسته
1علامتاتوmdo
2ژاکتتورنتونfat
3لری پرندهtwitter
نان تست

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

اعلان زنده
نوارهای ابزار

برای اطلاعات دقیق، لطفاً به مستندات رسمی بوت‌استرپ مراجعه کنید.

تنظیمات تم
رنگ تم را تنظیم کنید
تنظیمات فونت گوگل
تنظیم برنامه بیشتر
دکمه ساده یک دکمه ساده دو