آکاردئون
آکاردئون هایی که به صورت عمودی جمع می شوند را در ترکیب با افزونه Collapse JavaScript Bootstrap بسازید. برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.
مثال پایه
برای بزرگ کردن/کوچک کردن محتوای آکاردئون روی آکاردئون های زیر کلیک کنید.
این بدنه آکاردئونی اولین مورد است.به‌طور پیش‌فرض نشان داده می‌شود، تا زمانی که
افزونه collapse کلاس‌های مناسبی را که برای استایل دادن به هر عنصر استفاده می‌کنیم اضافه کند. این
کلاس ها ظاهر کلی و همچنین نمایش و پنهان شدن از طریق انتقال CSS را کنترل می کنند. شما می توانید هر
یک از این موارد را با CSS سفارشی یا نادیده گرفتن متغیرهای پیش فرض ما تغییر دهید. همچنین شایان ذکر
است که تقریباً هر HTML می تواند در
.accordion-body قرار گیرد، اگرچه این انتقال سرریز
را محدود می کند.
این بدنه آکاردئونی مورد دوم است.به طور پیش‌فرض پنهان می‌شود، تا زمانی که افزونه
collapse کلاس‌های مناسبی را که برای استایل دادن به هر عنصر استفاده می‌کنیم، اضافه کند. این کلاس ها
ظاهر کلی و همچنین نمایش و پنهان شدن از طریق انتقال CSS را کنترل می کنند. شما می توانید هر یک از
این موارد را با CSS سفارشی یا نادیده گرفتن متغیرهای پیش فرض ما تغییر دهید. همچنین شایان ذکر است که
تقریباً هر HTML می تواند در
.accordion-body قرار گیرد، اگرچه این انتقال سرریز را
محدود می کند.
این بدنه آکاردئونی مورد سوم است.به طور پیش‌فرض پنهان می‌شود، تا زمانی که افزونه
collapse کلاس‌های مناسبی را که برای استایل دادن به هر عنصر استفاده می‌کنیم اضافه کند. این کلاس ها
ظاهر کلی و همچنین نمایش و پنهان شدن از طریق انتقال CSS را کنترل می کنند. شما می توانید هر یک از
این موارد را با CSS سفارشی یا نادیده گرفتن متغیرهای پیش فرض ما تغییر دهید. همچنین شایان ذکر است که
تقریباً هر HTML می تواند در
.accordion-body قرار گیرد، اگرچه این انتقال سرریز را
محدود می کند.