ابتدایی ترین گروه لیست یک لیست بدون هماهنگ با موارد و کلاسهای مناسب را لیست کنید. با گزینه هایی که دنبال می شود ، یا در صورت لزوم با سی اس اس خود بر روی آن بسازید.

• درایو گوگل
• پیام رسان فیس بوک
• سیب شرکت فناوری
• ارتباط سیستم پشتیبانی
• پیپ دروازه پرداخت

اضافه کردن .active به .list-group-item برای نشان دادن انتخاب فعال فعلی.

• درایو گوگل
• پیام رسان فیس بوک
• سیب شرکت فناوری
• ارتباط سیستم پشتیبانی
• پیپ دروازه پرداخت

اضافه کردن .disabled به .list-group-item برای ساختن ظاهر شدن غیرفعال.

• درایو گوگل
• پیام رسان فیس بوک
• سیب شرکت فناوری
• ارتباط سیستم پشتیبانی
• پیپ دروازه پرداخت

استفاده کردن <a> یا <button> برای ایجاد عملی موارد گروهی را با با افزودن حالتهای شناور ، غیرفعال و فعال .list-group-item-action.

اضافه کردن .list-group-flush برای حذف مقداری مرزها و گوشه های گرد برای ارائه موارد گروهی گروه در والدین کانتینر (به عنوان مثال ، کارت).

• درایو گوگل
• پیام رسان فیس بوک
• سیب شرکت فناوری
• ارتباط سیستم پشتیبانی
• پیپ دروازه پرداخت

اضافه کردن .list-group-horizontal برای تغییر طرح موارد گروهی از لیست از عمودی تا افقی در تمام نقاط شکست. از طرف دیگر ، یک نوع پاسخگو را انتخاب کنید .list-group-horizontal-{sm|md|lg|xl} برای ایجاد یک گروه لیست شروع افقی از آن نقطه شکست min-width.

• گوگل
• واتساپ
• فیسبوک

• سیب
• پیپ
• ارتباط

• گوگل
• واتساپ
• فیسبوک

از کلاسهای متنی برای سبک های سبک استفاده کنید پس زمینه و رنگ حالت.

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

از کلاسهای متنی برای سبک های سبک استفاده کنید پس زمینه و رنگ بیان.

تقریباً هر اچ تی ام ال را در داخل ، حتی برای لیست مرتبط اضافه کنید گروه هایی مانند گروه زیر ، با کمک برنامه های فلکس باکس.

برای نشان دادن خوانده نشده ، نشان را به هر مورد گروه لیست اضافه کنید شمارش ، فعالیت و بیشتر با کمک برخی از خدمات.

• ایمیل های Gmail 14
• در انتظار پرداخت 2
• عمل مورد نیاز 99+
• پرداخت های انجام شده 20+
• در انتظار پرداخت 12

کادر و رادیوهای بوت سترپ را در لیست قرار دهید موارد گروهی و در صورت لزوم سفارشی سازی کنید.بدون استفاده از آنها می توانید از آنها استفاده کنید <label> اما لطفا به یاد داشته باشید که ویژگی و ارزش آریا و ارزش دسترسی.

• کادر انتخاب اول
• کادر انتخاب دوم

• اولین رادیو
• رادیو دوم

اعداد توسط تولید می شوند counter-reset در در<ol>,و سپس با یک ظاهر شد و با یک ::before شبه عنصر در <li> با counter-increment وت محتوا.

1. ادمین آسن

   ادمین آسن
   865
2. ادمین ری اکت آسن

   ادمین ری اکت آسن
   140
3. ورژن آنگولار

   ورژن آنگولار
   85