جمع کردن
مثال پیش فرض
برای نمایش و پنهان کردن عنصر دیگری از طریق تغییرات کلاس، روی دکمه‌های زیر کلیک کنید:
.collapseمحتوا را پنهان می کند.collapsingدر طول انتقال اعمال می شود.collapse.showمحتوا را نشان می دهد
به طور کلی، توصیه می کنیم از یک دکمه با
data-bs-targetویژگی استفاده کنید. اگرچه از نظر معنایی توصیه
نمی شود، اما می توانید از پیوندی با href
ویژگی (و a role="button") نیز استفاده کنید. در هر دو مورد،
data-bs-toggle="collapse"لازم است.
افقی
افزونه collapse از جمع شدن افقی نیز پشتیبانی می کند.
.collapse-horizontalکلاس اصلاح کننده را برای انتقال به
widthجای heightو روی
widthعنصر فرزند فوری اضافه کنید . به راحتی می توانید Sass
سفارشی خود را بنویسید، از سبک های درون خطی استفاده کنید یا از ابزارهای عرض
ما استفاده کنید.
اهداف چندگانه
A <button>یا <a>می تواند چندین عنصر
را با ارجاع به آنها با یک انتخابگر در
ویژگی hrefیا data-bs-targetویژگی خود نشان داده و
پنهان کند. در صورتی که هر کدام یک عنصر را با ویژگی یا
ویژگی خود ارجاع دهند، می توانند چند <button>یا نشان دهند
و پنهان
کنند<a>hrefdata-bs-target