مثال پیش فرض
  • .collapseمحتوا را پنهان می کند
  • .collapsingدر طول انتقال اعمال می شود
  • .collapse.showمحتوا را نشان می دهد

به طور کلی، توصیه می کنیم از یک دکمه باdata-bs-targetویژگی اگرچه از نظر معنایی توصیه نمی‌شود، اما می‌توانید از پیوند با آن نیز استفاده کنیدhrefصفت (و الفrole="button"). در هر دو مورد،data-bs-toggle="collapse"مورد نیاز است.

برخی از محتوای متغیرهایی برای مؤلفه کوچک کردن. این پانل به طور پیش فرض پنهان است اما زمانی که کاربر تریگر مربوطه را فعال می کند.
اهداف چندگانه
برخی از محتوای نگهدارنده مکان برای اولین مؤلفه جمع‌بندی این مثال چند جمع‌بندی. این پنل به طور پیش فرض پنهان است اما زمانی که کاربر تریگر مربوطه را فعال می کند آشکار می شود.
برخی از محتوای متغیرهایی برای مؤلفه جمع‌بندی دوم این مثال چند جمع‌بندی. این پانل به طور پیش فرض پنهان است اما زمانی که کاربر تریگر مربوطه را فعال می کند آشکار می شود.
افقی
این مقداری از محتوای نگهدارنده مکان برای جمع کردن افقی است. به‌طور پیش‌فرض پنهان است و در صورت فعال شدن نشان داده می‌شود.