لیست
مثال ساده
لیست گروه ها یک مؤلفه انعطاف پذیر و قدرتمند برای نمایش یک سری از محتوا هستند.
- لورم ایپسوم متن
- تولید سادگی
- از صنعت چاپ
- غیرفعال
موارد فعال
اضافه کردن .active به .list-group-item برای نشان دادن انتخاب فعال فعلی.
- لورم ایپسوم متن
- تولید سادگی
- از صنعت چاپ
- طراحان گرافیک است
پیوندها و دکمه
کاربردهای <a> یا <button> برای ایجاد لیست های عملی گروهی مورد استفاده و حالتهای فعال توسط اضافه كردن .list-group-item-action.
فلش
اضافه کردن .list-group-flush برای از بین بردن برخی از مرزها و گوشه های گرد.
- لورم ایپسوم متن
- تولید سادگی
- از صنعت چاپ
- استفاده از طراحان گرافیک
افقی
اضافه کردن .list-group-horizontal برای تغییر طرح موارد گروه لیست از عمودی
- لورم ایپسوم
- متن ساختگی
- تولید سادگی
با نشان
اضافه کردن نشان به هر مورد گروه لیست برای نشان دادن تعداد خوانده نشده ، فعالیت.
- لورم ایپسوم4
- اعلان های جدیدجدید
- پرداخت موفقیت آمیزبا موفقیت
- پرداخت در انتظاردر انتظار
- خوب !1
کلاس متنی
از کلاسهای متنی برای لیست لیست موارد با زمینه و رنگ حالت استفاده کنید.
- تولید سادگی
- یک نمونه اولیه مورد گروه
- یک نمونه ثانوی مورد گروه
- یک نمونه موفقیت مورد گروه
- یک نمونه خطر مورد گروه
- یک نمونه هشدار مورد گروه
- یک نمونه اطلاعات مورد گروه
- یک نمونه روشن مورد گروه
- یک نمونه تاریک مورد گروه